• vue的使用1


    Vue.$set(object, key, value);
    <!-- Alt + C -->
    <input @keyup.alt.67="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=" 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 过滤首尾的空白字符 。
  • 相关阅读:
    Ztree下拉框多选
    FullCalendar日程插件
    viscose 前端常用插件
    一些词
    关于require()和export引入依赖的区别
    关于CMD/AMD和Common.js/Sea.js/Require.js
    vue中的双向数据绑定原理简单理解
    Vue-cli简单使用
    webpack简单配置
    vuex基础
  • 原文地址:https://www.cnblogs.com/l8l8/p/9161718.html
Copyright © 2020-2023  润新知