Vue中的v-for指令不起效果的解决方法
程序员文章站
2022-06-20 20:23:12
我的代码之前类似下面的结构
-
&l...
我的代码之前类似下面的结构
<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul> </div>
结果发现不好用,数据读入了但是没有显示
于是我后来看官网的例子才明白,原来是id和v-for不在一个层级上,官网的例子如下,我按照不在一个层级上改,果然好用了
<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul>
以上这篇vue中的v-for指令不起效果的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇: Vue - watch高阶用法
推荐阅读
-
Vue学习之路第十四篇:v-for指令中key的使用注意事项
-
深入浅析Vue.js 中的 v-for 列表渲染指令
-
Vue框架中v-for和v-bind指令实现简单的动态class
-
vue 组件中添加样式不生效的解决方法
-
Vue中的v-for指令不起效果的解决方法
-
详解vue中v-bind:style效果的自定义指令
-
vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法
-
Vue学习之路第十四篇:v-for指令中key的使用注意事项
-
Vue框架中v-for和v-bind指令实现简单的动态class
-
Vue.js中v-for列表渲染指令的使用(代码示例)