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 事件查询综合 推荐收藏
Mar 10 Javascript
JsRender for object语法简介
Oct 31 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
Vue中在新窗口打开页面及Vue-router的使用
Jun 13 Javascript
javascript实现自由编辑图片代码详解
Jun 21 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 Javascript
JS实现时间校验的代码
May 25 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
antd table按表格里的日期去排序操作
Nov 17 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
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
validator验证控件使用代码
2010/11/23 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
JS定时器用法分析【时钟与菜单中的应用】
2016/12/21 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
详解JavaScript按概率随机生成事件
2017/08/02 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
python实现删除文件与目录的方法
2014/11/10 Python
Python实现二分法算法实例
2015/02/02 Python
Python实现读取机器硬件信息的方法示例
2018/06/09 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
详解Python locals()的陷阱
2019/03/26 Python
Python 用turtle实现用正方形画圆的例子
2019/11/21 Python
Python原始套接字编程实例解析
2020/01/29 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
婚礼父母致辞
2015/07/28 职场文书
学生会自荐信
2019/05/16 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技
Python自动化实战之接口请求的实现
2022/05/30 Python