绑定 value 到 Vue 实例的一个动态属性上
来源:互联网 发布:linux配置代理 编辑:程序博客网 时间:2024/06/06 08:28
在我第一次看到这部分的知识的时候有点懵。
具体的懵在vm.a等地方。
代码如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绑定到value</title> <script src="vue.js"></script></head><body><div id="example"> <div>当选中是为a,未选中时为b。</div> <input checked="checked" id="inp" type="checkbox" v-model="toggle" <!--此处的a、b都是动态的属性,需要在data中声明。--> v-bind:true-value="a" v-bind:false-value="b" > <label for="inp">{{toggle}}</label> <p>toggle:{{toggle}}</p> <div v-on:click="toggleFn">点击判断vm.toggle的值</div></div><script> var vm= new Vue({ el:'#example', data:{ toggle:"b", //此处声明a、b a:"aa", b:"bb" }, methods: {//看一下vm.toggle值的变化。 if (vm.toggle === vm.a) { alert(vm.a) }else if(vm.toggle===vm.b){ alert(vm.b) } } })</script></body></html>
此外,出现在v-model=”“的值,都应在new Vue({data:{}})中声明。
阅读全文
0 0
- 绑定 value 到 Vue 实例的一个动态属性上
- Vue input控件通过value绑定动态属性及修饰符
- vue中动态绑定表单元素的属性
- vue中属性动态绑定数据方法
- vue select当前value没有更新到vue对象属性
- java动态绑定在属性和方法上的不同
- java动态绑定在属性和方法上的不同
- java动态绑定在属性和方法上的不同
- vue的指令实例属性
- Vue实例的计算属性
- 用jQuery绑定事件到动态创建的元素上
- jQuery绑定事件到动态创建的事件上
- 动态给实例绑定属性和方法
- 用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格
- vue中如何动态的绑定图片
- vue中如何动态的绑定图片
- 一个多线程绑定到不同cpu上的例子
- vue的属性绑定(在引号中绑定)
- Python 解方程的三种方法
- Integer中的缓存IntegerCache
- ubuntu取消挂载安装的移动硬盘
- 分布式文件系统FastDFS快速入门
- 关于SQL模糊查询日期时间的方法
- 绑定 value 到 Vue 实例的一个动态属性上
- 页面内容不足一屏时显示在这一屏的最下方
- CentOS系统yum源使用报错:Error: Cannot retrieve repository metadata (repomd.xml) for repository: rpmforge.
- PHP I/O streams
- kafka环境搭建
- 控件修改状态
- 设置Android应用全屏显示(隐藏手机状态栏)
- ubuntu14.04服务器基本环境初始化
- iOS创建本地私有CocoaPods库