vue的使用1

程序员桂香技术 2022年11月21日

0 收藏 804 点赞 3,951 浏览 968 个字

Vue.$set(object, key, value);

<!-- Alt + C -->
<input @keyup.alt.="clear"><!-- Ctrl + Click -->
<div @click.ctrl="doSomething">Do something</div>
鼠标按键事件于鼠标点击事件
vue.set(vm.数据,'新增数据的key值,新增的数据)
vue.$set(vm.数据,'新增数据的key值,新增的数据)
Vue.filter('数据名',function(value){ 处理数据 return 数据
})// 将vue1.0的过滤器方法进行了综合
@click.native 可以用来监听原生事件

中括号用来将input的属性checkbox的value放进去。value 是必须有的值"" 字符串形式用来显示 false 和true 的方式 label 和 input 的id绑定用来显示dom的值

select 在iOS 不会触发 change 事件使用vue的多选使用
<div id="example-6">
  <select v-model="selected" multiple style="width: 50px;"> //必须填写选项
    <option>A</option>
    <option>B</option>
    <option>C</option>
  </select>
  <br>
  <span>Selected: {{ selected }}</span>
</div>
new Vue({
  el: '#example-6',
  data: {
    selected: []
  }
})

   <input
        type="checkbox"
        v-model="toggle"
        true-value="yes" //用来在选中时 显示或者提交的数据或值
        false-value="no" //用来在未选中时 默认显示或提交的数据或值
      >      // 当选中时
      vm.toggle === 'yes'
      // 当没有选中时
      vm.toggle === 'no

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg" >  //在确认以后才会进行更新
<input v-model.number="age" type="number">//判断只能输入 数字类的值
<input v-model.trim="msg"> //.trim 过滤首尾的空白字符 。