VUE V-for和V-bind结合使用 v-if重加载
记
最近在做一个Vue的动态页面,在使用v-for循环遍历从后台加载的数据时,获取不到数据,就是说 v-for在还没有获取后台数据就进行了循环,查询了资料以及自己的想法,最后想到了一个思路 在加载完数据后重新加载页面的部分内容,利用的是v-if来实现,v-show是实现不了的,v-show是把元素的display属性设置为none来实现的显示隐藏,而v-if是通过控制dom节点的存在与否来控制元素的显隐;所以可以用来实现重加载的效果。
经过实践,成功的利用v-for把后台的数据循环遍历了~
首先给元素添加v-if,设置为false.
正常v-for 循环遍历
从后台获取数据并赋值给titleList1,然后在设置titleList1Visible为true控制元素重新加载即可完成。
页面加载时执行这个方法
以上是 VUE V-for和V-bind结合使用 v-if重加载 的全部内容, 来源链接: utcz.com/z/378386.html