vue input失焦事件

@blur.native.capture="defocus(node, data)"//失焦v-focus//聚焦directives: {//和生命周期同级focus: {inserted: function(el) {el.querySelector('input').focus()}}},

前端方程程

2993人浏览 · 2021-07-23 10:26:08

前端方程程 · 2021-07-23 10:26:08 发布



 @blur.native.capture="defocus(node, data)"  //失焦
              v-focus	//聚焦
directives: {  //和生命周期同级
    focus: {
      inserted: function(el) {
        el.querySelector('input').focus()
      }
    }
  },


函数
 // 失去焦点事件
    defocus(node, data) {
      this.$set(data, 'isEdits', false) //进行刷新
    },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^