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 相关文章推荐
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
vue表单数据交互提交演示教程
Nov 13 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 简易输出CSV表格文件的方法详解
2013/06/20 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
Javascript中的数学函数集合
2007/05/08 Javascript
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
javascript中apply和call方法的作用及区别说明
2014/02/14 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
JavaScript中Cookies的相关使用教程
2015/06/04 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
web.py获取上传文件名的正确方法
2014/08/26 Python
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
Python匿名函数及应用示例
2019/04/09 Python
python定时任务 sched模块用法实例
2019/11/04 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
白酒市场营销方案
2014/02/25 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
女性健康讲座主持词
2015/07/04 职场文书
linux中nohup和后台运行进程查看及终止
2021/06/24 Python