关于Vue中 v-on事件绑定命名大写问题
Vue中 v-on 和 v-bind 中不建议使用 camelCase 或 PascalCase 命名方式首先补充下基础知识:HTML是不区分大小写的。而JS区分。所以一般情况下,JS的大小写变量放到HTML中,会将大写改成小写,并在前面添加短杠。事件名首先不存在 任何自动转化大小写的能力,因此所触发的事件名称必须与监听的名称完全匹配假如你想触发一个事件this.$emit('myCa...
·
Vue中 v-on 和 v-bind 中不建议使用 camelCase 或 PascalCase 命名方式
首先补充下基础知识:HTML是不区分大小写的。而JS区分。所以一般情况下,JS的大小写变量放到HTML中,会将大写改成小写,并在前面添加短杠。
事件名首先不存在 任何自动转化大小写的能力,因此所触发的事件名称必须与监听的名称 完全匹配
假如你想触发一个事件
this.$emit('myCase')
<div @my-case="fly"></div>
则监听 myCase 名字的 my-case 会无效
因此是不同于组件和prop的。。。。。
所以我们事件命名时候不要使用 camelCase 和 PascalCase 来命名了,因为就算你使用该命名,在DOM模板中还是会被自动转化为全小写,如 <input type="text" v-on:keyup.F2=113>
会被自动转换为<input type="text" v-on:keyup.f2=113>
更多推荐
已为社区贡献3条内容
所有评论(0)