VueJS Primevue 树选择

Question

我在 PrimeVue 中放置了一个组件：TreeSelect 在我的 VueJS 代码中

它工作正常，但现在如何知道选择了哪个框？

< TreeSelect v-model="selectedNode" :options="options" selectionMode="checkbox" :metaKeySelection="false" placeholder="Select Items"> < /TreeSelect>

我打印成功了：

{{selectedNode}}
<ul>
    <li v-for="check in selectedNode">          
        {{check}}
    </li>
</ul>

结果：

{ "0": { "checked": false, "partialChecked": true }, "0-0": { "checked": true, "partialChecked": false } }

{ "checked": false, "partialChecked": true }
{ "checked": true, "partialChecked": false }

我的问题是我不知道如何获得密钥 (0, 0-0...)

Answer 1

响应使用对象键，因此您可以只使用具有 Object.keys

的对象键

如果您在模板中执行此操作，请注意该值为 null。

<ul>
  <li v-for="check in Object.keys(selectedNode || {})">
    {{ check }}
  </li>
</ul>

VueJS Primevue 树选择

VueJS Primevue TreeSelect

primevue

vuejs3