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 相关文章推荐
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
Oct 24 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
May 10 Javascript
使用FormData实现上传多个文件
Dec 04 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
0基础学习前端开发的一些建议
Jul 14 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处理Oracle的CLOB实例
2014/11/03 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
Js判断CSS文件加载完毕的具体实现
2014/01/17 Javascript
jQuery判断元素是否存在的可靠方法
2014/05/06 Javascript
详解iframe与frame的区别
2016/01/13 Javascript
Bootstrap媒体对象的实现
2016/05/01 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
JavaScript实现动态增删表格的方法
2017/03/09 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
vue中轮训器的使用
2019/01/27 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
2020/07/27 Javascript
python模拟登陆Tom邮箱示例分享
2014/01/13 Python
Python实现 多进程导入CSV数据到 MySQL
2017/02/26 Python
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
实例讲解Python3中abs()函数
2019/02/19 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
英国儿童鞋和靴子:Start-Rite
2019/05/06 全球购物
好的自荐信包括什么内容
2013/11/07 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
团代会邀请函
2015/02/02 职场文书
2015暑假假期总结
2015/07/13 职场文书
《去年的树》教学反思
2016/02/18 职场文书
centos8安装MongoDB的详细过程
2021/10/24 MongoDB