英文:
Vuejs v-show and v-if , data are displayed and hide immediately after
问题
我尝试隐藏一个部分，如果一个对象为空。问题是当我刷新页面时，我看到那个部分，然后立即隐藏。我尝试使用v-show，但结果相同。
<b-card v-if="terminateContractValues">
export default {
props: ['terminateContractValues']
}
在我从服务器接收到数据后，这个部分被隐藏（通过get请求）。
英文:
I try to hide a section if an object is null. The problem is that when I refresh the page, I see that section and is hidden immediately after. I try to use v-show, but the result is the same.
<b-card v-if="terminateContractValues">
export default {
props:['terminateContractValues']
}
The section is hidden after I receive data from server (get request)
答案1
得分: 0
你可以为该属性设置默认值
props: {
terminateContractValues: {
default: false
}
}
英文:
You can set default value for the prop
<b-card v-if="terminateContractValues">
export default {
props: {
terminateContractValues: {
default: false
}
},
}
答案2
得分: 0
我解决了这个问题。
默认设置为对象 {}。
我用 terminateContractValues: {} 替换为 terminateContractValues: ''。
英文:
I solve the problem.
Default it was set as object {}.
I replace terminateContractValues: {} with terminateContractValues: ''
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论