Vue中的v-for指令不起效果的解决方法


Posted in Javascript onSeptember 27, 2018

我的代码之前类似下面的结构

<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指令不起效果的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js打开新窗口方法整理
Feb 17 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
利用jquery实现实时更新歌词的方法
Jan 06 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
vue-cli项目配置多环境的详细操作过程
Oct 30 Javascript
vue 基于element-ui 分页组件封装的实例代码
Dec 10 Javascript
javascript设计模式之迭代器模式
Jan 30 Javascript
webpack打包优化的几个方法总结
Feb 10 Javascript
js实现百度淘宝搜索功能
Feb 17 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
在vue中使用v-bind:class的选项卡方法
Sep 27 #Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 #Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 #Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 #Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 #Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 #Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 #Javascript
You might like
上海地方志办公室-上海电子仪表工业志
2021/03/04 无线电
Uchome1.2 1.5 代码学习 common.php
2009/04/24 PHP
PHP实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
Array, Array Constructor, for in loop, typeof, instanceOf
2011/09/13 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
PHP PDO操作总结
2014/11/17 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
2018/08/22 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
2019/04/26 Javascript
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
2014/02/10 HTML / CSS
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
软件工程师面试题
2012/06/25 面试题
消防安全汇报材料
2014/02/08 职场文书
公务员平时考核实施方案
2014/03/11 职场文书
男女朋友协议书
2014/04/23 职场文书
推广普通话的宣传语
2015/07/13 职场文书
运输公司工作总结
2015/08/11 职场文书
利用python做表格数据处理
2021/04/13 Python
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL