- 发布：2020-11-25 18:14
- 更新：2020-11-26 11:59
- 阅读：727
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win 10
HBuilderX类型： 正式
HBuilderX版本号： 2.9.8
手机系统： 全部
手机厂商： 华为
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
伪代码如下
// 组件自定义事件名
onClick(){
this.$emit('on-click', 'kebab-case')
},
onClick2(){
this.$emit('onClick', 'camelCase')
},
在页面中使用
···
<page-head title="组件$emit测试" @on-click="onAttr"></page-head>
···
详细代码在附件中
伪代码如下
// 组件自定义事件名
onClick(){
this.$emit('on-click', 'kebab-case')
},
onClick2(){
this.$emit('onClick', 'camelCase')
},在页面中使用
···
<page-head title="组件$emit测试" @on-click="onAttr"></page-head>
···
详细代码在附件中
预期结果：
组件自定义事件名支持kebab-case ,camelCase 形式，在模板中始终使用全小写形式
组件自定义事件名支持kebab-case ,camelCase 形式，在模板中始终使用全小写形式
实际结果：
vue页面中，组件使用 kebab-case 的事件名生效，但在nvue页面不生效
在nvue页中，组件使用 camelCase 事件名是生效的，但在vue页面不生效
vue页面中，组件使用 kebab-case 的事件名生效，但在nvue页面不生效
在nvue页中，组件使用 camelCase 事件名是生效的，但在vue页面不生效
bug描述：
vue页面中，组件使用 kebab-case 的事件名生效，但在nvue页面不生效，请问是什么原因
在nvue页中，组件使用 camelCase 事件名是生效的，但在vue页面不生效，请问是什么原因
1***@qq.com (作者)
问题是 nvue不支持kebab-case 的事件名
2020-12-01 13:39
DCloud_uniCloud_JSON
回复 1***@qq.com: 那就全部驼峰法就都兼容了呀
2020-12-01 14:28
1***@qq.com (作者)
回复 DCloud_uniCloud_JSON: 规范问题，因为市面上大部分vue组件都是用kebab-case命名，只有weexui，uni-ui 是有兼容的
2020-12-01 15:08