问

javascript - vue2.0中，$refs对象为什么用驼峰的方式获取不到属性？

碎碎念囧雷发布于 2022-11-28 07:04

我在组件中ref属性获取Dom节点采用kebab-case方式命名，在js获取vue实例的$refs对应的属性是用驼峰的方式获取为什么是undefined,$refs中明明有这个属性。

2 个回答

ref的key和你填的key是一样的，不会自动转换成驼峰式，如果你要用驼峰式直接用ref="camelCase"就可以了

2022-11-28 09:28 回答

pet宠物情缘
HTML特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased(驼峰式)命名的prop需要转换为相对应的kebab-case(短横线隔开式)命名：
```
<childmy-message="hello!"></child>
```
需要kebab-case的是prop这种html特性，而不是后面你绑定的值。你已经给节点的ref绑定了'menu-wrapper'名称，当然要通过this.$refs.menu-wrapper去引用啦
2022-11-28 09:28 回答

创意沙发2011

撰写答案

今天，你开发时遇到什么问题呢？

热门标签