1回答

扬_灵

2020-09-28

同学你好，1、@keyup.native="checkCapslock" 的用途是为 el-input 绑定上 keyup 事件，如果写成 @keyup="checkCapslock" 该事件将不生效
2、el-input 最外层包含了一个 div，.native还能生效的原因是因为 .native 做了处理，会逐级绑定事件，也就是说 el-input 中的 input 以及其他内外层 div 都被绑定了 keyup 事件！举例：

<el-input
  @keyup.native="checkCapslock"
>
  <template slot="prepend">
    <input type="text" id="test">
  </template>
</el-input>

这里 id 为 test 的 input 也被绑定了 keyup 事件！

2

1

橘子味的猫lty

谢谢老师！

2020-09-29

共1条回复