vue element-ui 键盘输入enter键 触发事件
因为有时候会遇到因为有父级的影响事件不生效的情况,所以需要加.native<el-inputclass="input-new-tag"v-model="item.nameValue"size="mini"placeholder="请输入名称":maxlength="20"v-focus@keyup.enter.native="nameConfirm(item)"></el-inp
·
因为有时候会遇到因为有父级的影响事件不生效的情况,所以需要加.native
<el-input
class="input-new-tag"
v-model="item.nameValue"
size="mini"
placeholder="请输入名称"
:maxlength="20"
v-focus
@keyup.enter.native="nameConfirm(item)"
>
</el-input>
有时候层级过多,各元素相互影响,各种原因也会导致entert键无法生效,需要根据情况多设置几个键盘事件来阻止
<el-input
class="input-new-tag"
v-model="list.editValue"
ref="saveTagInput"
size="small"
style="line-height:32px;margin-bottom: 0;width:140px;margin-left:0;"
@click.stop.native="onFocus"
@keyup.enter.native="onConfirmTag(list)"
@keyup.enter.stop="onFocus"
@keydown.enter.stop="onFocus"
@keyenter.enter.stop="onFocus"
:maxlength="20"
v-focus
>
</el-input>
更多推荐
已为社区贡献5条内容
所有评论(0)