Блог

На моей странице у меня есть форма,

 <div v-if="this.userdata.address == ''">Please enter your address</div>

Your address
<input type="text" v-model="userdata.address">
Your phone
<input type="text" v-model="userdata.phone">
Your message
<input type="text" :disabled="this.userdata.address == '' ? true : false">

 

И мой раздел сценариев-это:

 <script>
export default {
   data() {
     return {
      userdata: {
        companydata: {}
      }
     }
   }
}

.....
<script>
 

Если мой пользователь авторизован, данные «userdata» будут заполнены в fetch().

Моя проблема состоит в том, чтобы проверить, заполнено ли поле адреса или нет на ходу, а затем, если пользователь ввел свой адрес, сделайте поле сообщения активным, но если он его не заполнил или очистил это поле (если он авторизовался и данные были загружены в форму методом выборки ()), снова отключите поле сообщения.

Проблема в том, что если я перезагрузлю эту страницу, все будет работать, но если я перейду на нее с другой страницы, ничего не будет работать.

В чем может быть проблема?

Мне не хватало адресных данных в моем userdata . Мне удалось решить свою проблему, просто добавив ее в виде пустой строки.

 <script>
export default {
   data() {
     return {
      userdata: {
        address: "", //// Adding this solved my problem
        companydata: {}
      }
     }
   }
}

.....
<script>