在 nuxtjs 中查看表单数据

Question

在我的页面上，我有一个表单，

<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()。

我的问题是在旅途中检查地址字段是否填写，然后如果用户输入了他的地址，则激活消息字段，但如果他没有填写，或者清理这个字段（如果他授权和数据在 fetch() 方法中加载到表单中），再次禁用消息字段。

问题是，如果我重新加载此页面，一切正常，但如果我从其他页面导航到它，则没有任何工作。

可能有什么问题？

Answer 1

我的userdata 中缺少地址数据。我设法通过将其添加为空字符串来解决我的问题。

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

.....
<script>