美文网首页
vue 自定义指令

vue 自定义指令

作者: 张xiao蛋 | 来源:发表于2019-04-22 14:09 被阅读0次
              <div @dblclick="inputUP(scope.row._id)" v-show="ISinput!==scope.row._id">{{scope.row.paixu}}</div>
              <el-input
                v-model="scope.row.paixu"
                placeholder="请输入内容"
                v-show="ISinput===scope.row._id"
                v-focus
                @blur="blurIpunt"></el-input>
    
     directives: {
        focus:function (el) {
          el.children[0].focus();
        }
      },
    
    data() {
        return {
          ISinput:'',
      }
    }
    
      methods: {
        // 失去焦点
        blurIpunt () {
          this.ISinput = ''
        },
        //双击
        inputUP (ISinput) {
          this.ISinput = ISinput
        },
    }
    

    相关文章

      网友评论

          本文标题:vue 自定义指令

          本文链接:https://www.haomeiwen.com/subject/wruygqtx.html