vue 自己加个属性为啥不对 :opened="{'false':loadReady}"
时间: 2023-12-03 08:43:14 浏览: 60
在Vue中获取自定义属性方法:data-id的实例
5星 · 资源好评率100%
在 Vue 中,绑定属性时,属性名后面的值应该是一个表达式,而不是一个对象。所以,如果你要绑定一个 Boolean 类型的属性 `opened`,你可以这样写:
```
<template>
<div :opened="loadReady ? 'true' : 'false'">
<!-- your content here -->
</div>
</template>
```
这里使用三元运算符将 `loadReady` 转换成字符串类型的 `'true'` 或 `'false'`,然后绑定到 `:opened` 属性上。
如果你想绑定一个对象类型的属性,可以使用 `v-bind` 指令或者简写语法 `:`,例如:
```
<template>
<div :my-obj="{ prop1: 'value1', prop2: 'value2' }">
<!-- your content here -->
</div>
</template>
```
或者
```
<template>
<div v-bind:my-obj="{ prop1: 'value1', prop2: 'value2' }">
<!-- your content here -->
</div>
</template>
```
这样可以将一个对象绑定到属性 `my-obj` 上。但是在你的代码中, `:opened` 属性的值是一个对象,这是不正确的用法。
阅读全文