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 相关文章推荐
IE6 fixed的完美解决方案
Mar 31 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
jquery实现简洁文件上传表单样式
Nov 02 Javascript
jquery checkbox的相关操作总结
Oct 17 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
Oct 20 Javascript
详解Vue.js 响应接口
Jul 04 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
用libTemplate实现静态网页的生成
2006/10/09 PHP
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
使用JavaScript创建新样式表和新样式规则
2016/06/14 PHP
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
JavaScript DOM进阶方法
2015/04/13 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
js数组方法reduce经典用法代码分享
2018/01/07 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
layer扩展打开/关闭动画的方法
2019/09/23 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Python实现读写sqlite3数据库并将统计数据写入Excel的方法示例
2017/08/07 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
浅谈python的elementtree模块处理中文注意事项
2020/03/06 Python
Python json转字典字符方法实例解析
2020/04/13 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
个人简历自荐信
2013/12/05 职场文书
杭白菊导游词
2015/02/10 职场文书
合作与交流自我评价
2015/03/09 职场文书
少先大队干部竞选稿
2015/11/20 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers