mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-05 13:00:47 +08:00
33 lines
758 B
Markdown
33 lines
758 B
Markdown
# 显示指令
|
|
|
|
设定 `display-directive` 为 `if` 或 `show` 来控制 `n-collapse-item` 里面的 DOM 是否保持。
|
|
|
|
```html
|
|
<n-collapse v-model:expandedNames="activeNames" display-directive="show">
|
|
<n-collapse-item title="绿灯" name="1">
|
|
<n-collapse v-model:expandedNames="activeNames2">
|
|
<n-collapse-item title="常亮" name="1">
|
|
<div>通过</div>
|
|
</n-collapse-item>
|
|
<n-collapse-item title="闪烁" name="2">
|
|
<div>快速通过</div>
|
|
</n-collapse-item>
|
|
</n-collapse>
|
|
</n-collapse-item>
|
|
<n-collapse-item title="红灯" name="2">
|
|
<div>停</div>
|
|
</n-collapse-item>
|
|
</n-collapse>
|
|
```
|
|
|
|
```js
|
|
export default {
|
|
data () {
|
|
return {
|
|
activeNames: [],
|
|
activeNames2: []
|
|
}
|
|
}
|
|
}
|
|
```
|