关于vue el-input 点击事件下自动获取焦点的写法
<el-inputsize="small"v-model="scope.row.order_number"v-show="scope.row.isShowInp_order"@blur="editOrder(scope.$index,scope.row)"v-focus@keyup.native="UpNumber"@keydown.native=...
·
<el-input
size="small"
v-model="scope.row.order_number"
v-show="scope.row.isShowInp_order"
@blur="editOrder(scope.$index,scope.row)"
v-focus
@keyup.native="UpNumber"
@keydown.native="UpNumber"
class="table_input"
></el-input>
// 自动聚焦
directives: {
focus: {
update: function (el) {
el.querySelector('input').focus()
}
},
},
钩子函数如下图所示:
vue官网上给了 关于 input 自动获取焦点的案例
https://cn.vuejs.org/v2/guide/custom-directive.html
但使用el-input 的时候 会在input外包裹一层div 所以需要找到el下面的input 具体写法如上图
更多推荐
已为社区贡献7条内容
所有评论(0)