v-model的radio checkbox以及键盘修饰符使用

 <div id ="app"> <input type="text"  :value="msg" @input="(e)=>(msg=e.target.value)">  <input type ="text" v-model="msg">{{msg}}<--radio可以根据v-model来进行分组-->男：  <input type="radio" v-model="radioValue" value="男">  女：  <input type="radio" v-model="radioValue" value="女">      {{radioValue}}
</div><script src="node_modules/vue/dist/vue.js"> </script><script> let vm = new Vue({data:{ msg:'hello',radioValue:'男'，},methods:{}}).$mount('#app');</script>

V-model的checkbox使用

                    <div id ="app"> <input type="text"  :value="msg" @input="(e)=>(msg=e.target.value)">  <input type ="text" v-model="msg">{{msg}}<!-- 全选多选用true false -->LOL<input type="checkbox" v-model="checkValues" value="LOL">游泳:<input type="checkbox" v-model="checkValues" value="游泳">健身:<input type="checkbox" v-model="checkValues" value="健身">{{checkValues}}</div><script src="node_modules/vue/dist/vue.js"> </script><script> let vm = new Vue({data:{ msg:'hello',checkValues:[],     //用这个时 多选，选中内容全部显示在【】内//checkValue:true,     全选时用true  用ture的时候点一个三个全选},methods:{/*  fn(e){    this.msg=e.target.value      //这两行 到上面去了}    */}}).$mount('#app');</script>

鼠标修饰符使用

<div id ="app"> <input type="text" @keyup.enter="fn">    <!--keyup键盘抬起时触发fn方法 fn方法写在下文methods中  若是想修改按下某个键位时触发 则 @keyup.键位="fn"  如 @keyup=enter="fn"   在按下enter键时 触发下方methods方法 弹出1  常见的有.ctrl .esc .enter  -->
</div><script src="node_modules/vue/dist/vue.js"> </script><script> let vm = new Vue({data:{ msg:'',},methods:{  fn(e,a){alert(1)}/*  fn(e){    this.msg=e.target.value      //这两行 到上面去了}    */}}).$mount('#app');</script>

v-model的radio checkbox以及键盘修饰符使用相关推荐

02-vue过滤器和键盘修饰符
过滤器概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化.过滤器可以用在两个地方:mustache 插值和 v-bind 表达式.过滤器应该被添加在 JavaScript 表达式的 ...
[Vue] : 键盘修饰符
键盘修饰符以及自定义键盘修饰符为文本框回车键绑定事件 <input type="text" class="form-control" v-model=& ...
键盘修饰符以及自定义键盘修饰符——自定义全局按键修饰符 || 自定义指令
与下面这句等效
Vue2.0学习笔记：Vue事件修饰符的使用
事件处理如果需要在内联语句处理器中访问原生DOM事件.可以使用特殊变量$event,把它传入到methods中的方法中. 在Vue中,事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间 ...
Vue事件修饰符的使用
事件处理如果需要在内联语句处理器中访问原生DOM事件.可以使用特殊变量$event,把它传入到methods中的方法中. 在vue中,事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间 ...
vue 事件修饰符按键修饰符
事件修饰符在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求. .stop 阻止单击事件传播即阻止了事件冒泡, ...
JQUERY对RADIO,CHECKBOX,SELECT的操作常用方法大全
JQUERY对RADIO,CHECKBOX,SELECT的操作 ******************************************************************** ...
html自定义radio样式,用纯CSS 自定义radio checkbox 样式
以前做自定义样式的radio, checkbox 的时候,一直是如下结构文字然后定义diyRadio 的样式作为新Radio, 再用js 做关联. 知道今天才知道可以用标签的for 属性 + :c ...
vue与elementUI中给el-input绑定键盘按键--按键修饰符
vue怎么写键盘事件 vue允许将按键值作为修饰符来使用,如监听回车事件,有两种写法,如下代码: <input type="text" @keyup.13="con ...

v-model的radio checkbox以及键盘修饰符使用

v-model的radio checkbox以及键盘修饰符使用相关推荐

最新文章

热门文章