VueJS Primevue TreeSelect

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>