Vue3中 :question-title="item.questionTitle"中question与title之间不加“-”为什么会传不了值
时间: 2024-04-09 15:28:57 浏览: 26
解决vant title-active-color与title-inactive-color不生效问题
在Vue3中,使用`v-bind`指令绑定属性时,属性名中不能包含特殊字符,如`-`。这是因为`-`在JavaScript中被解析为减号运算符,会导致属性名解析错误。
如果你想要绑定一个包含特殊字符的属性名,可以使用驼峰命名法或者使用方括号来绑定属性。
使用驼峰命名法:
```html
<template>
<div :questionTitle="item.questionTitle"></div>
</template>
```
使用方括号:
```html
<template>
<div :[question-title]="item.questionTitle"></div>
</template>
```
这样就能够正确地传递值到属性中了。
阅读全文