用vue-cli写了个button组件,想着利用Library模式打包umd.js已供其他传统页面使用,在vue-cli使用是正常的,发现打包的umd.js引入后,传给组件的参数无效了:
上图是button组件
<br/>
上图是Library模式入口文件
<br/>
上图是在cli中引用是没问题的
<br/>
上图是打包后的使用
<br/>
上图是渲染后的,发现transferData并没有被解析,而是当成了属性
请问这是什么原因呢?
用vue-cli写了个button组件,想着利用Library模式打包umd.js已供其他传统页面使用,在vue-cli使用是正常的,发现打包的umd.js引入后,传给组件的参数无效了:
上图是button组件
<br/>
上图是Library模式入口文件
<br/>
上图是在cli中引用是没问题的
<br/>
上图是打包后的使用
<br/>
上图是渲染后的,发现transferData并没有被解析,而是当成了属性
请问这是什么原因呢?
13 回答12.8k 阅读
8 回答2.5k 阅读
2 回答5k 阅读✓ 已解决
7 回答1.9k 阅读
9 回答1.6k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
5 回答805 阅读
终于找到原因了,props名称驼峰改为-就行了,浏览器把大写解析为小写的了,而在cli中template会通过js处理后再渲染,草率了