Vue关于数据绑定出错解决办法


Posted in Javascript onMay 15, 2017

Vue关于数据绑定出错

错误提示:

Vue关于数据绑定出错解决办法

相对应的代码:

<input id="input-check" type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b">
  <label for="input-check">check</label>
  <script type="text/javascript">
    var v = new Vue({
      el: "#input-check",
      data: {
        toggle: ""
      }
    });
  </script>

看到错误的时候,就知道是数据绑定出错了,原因就是没有声明a, b这两个属性,那就试着添加这两个属性

var v = new Vue({
      el: "#input-check",
      data: {
        toggle: "",
        a : "a",
        b : "b"
      }
    });

然后发现,前面的错误提示就消失了

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript 框架小结 个人工作经验
Jun 13 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
Vue左滑组件slider使用详解
Aug 21 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 Javascript
Jquery把获取到的input值转换成json
May 15 #jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 #jQuery
jQuery返回定位插件详解
May 15 #jQuery
一个可复用的vue分页组件
May 15 #Javascript
jQuery操作css样式
May 15 #jQuery
Node.JS文件系统解析实例详解
May 15 #Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 #Javascript
You might like
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
利用php生成验证码
2017/02/23 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
2015/03/12 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
js前端导出Excel的方法
2017/11/01 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
Python3里的super()和__class__使用介绍
2015/04/23 Python
Python自动化开发学习之三级菜单制作
2017/07/14 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
python实现车牌识别的示例代码
2019/08/05 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
Python编程快速上手——强口令检测算法案例分析
2020/02/29 Python
英语教师岗位职责
2014/03/16 职场文书
实习公司领导推荐函
2014/05/21 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
工程资料员岗位职责
2015/04/13 职场文书
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis