我是靠谱客的博主 无聊香菇,最近开发中收集的这篇文章主要介绍vue组件自定义属性命名,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

今天自己写vue组件demo的时候发现一个有趣的问题:vue组件自定义属性命名不支持用驼峰命名!

上面图示为正常情况下的自定义属性,没有任何问题。

但是一旦出现自定义属性中包含了大写字母,则如下图所示:

图示h3标签的属性依然是全部小写(但是值体现为代码中编辑的内容),页面上也并未渲染其属性的值。

 

--------------------------------分割线----------------------------

原谅我的无知,刚发现其实也是可以支持驼峰命名的,不过在html中写组件标签时,需要把props中驼峰命名的属性,以连接符 '-' 连接起来也是可行的。

转载于:https://www.cnblogs.com/kalkin/p/8614941.html

最后

以上就是无聊香菇为你收集整理的vue组件自定义属性命名的全部内容,希望文章能够帮你解决vue组件自定义属性命名所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部