El-input组件的一些问题

问题:页面刷新后第一个input可以聚焦,第二个以后不能聚焦

解决方案:


<span v-if="visible" @dblclick="editContent" class="machine-info">{{variableInfo}}</span>
<el-input v-else size="mini" ref="textInput" v-model="variableInfo" @keyup.enter.native="confirmEdit"
          @blur="confirmEdit"></el-input>



name: 'EditCell',
props: {
  value: {}
},
watch: {
  value () {
    this.copyValue()
  }
},
data () {
  return {
    item:{
      textInput:''
    },
    visible: true,
    variableInfo: '',
  }
},
mounted () {
  this.copyValue()
},
methods: {
  copyValue () {
    this.variableInfo = this.value
  },
  editContent () {
    this.visible = false
    this.$nextTick(()=>{
      if(this.$refs.textInput){
        this.$refs.textInput.focus()
      }
    })

  },
  confirmEdit () {
    this.visible = true
    this.$emit('input', this.variableInfo)
  }
},

}
#

上一篇:黑客借大量摄像头等联网设备发动大规模互联网攻击


下一篇:C#分析URL参数获取参数和值得对应列表(二)