我嘗試顯示我選擇的復選框，我是這樣渲染的：
<pre>{{ JSON.stringify(selectedAttributes, null, 2) }}</pre>
<ul
class="list-unstyled"
v-for="category in categories"
:key="category.name"
>
<strong>{{ category.category_name }} </strong>
<li
v-for="attributes in category.attributes"
:key="attributes.attribute_id"
>
<Field
as="input"
name="attribute"
type="checkbox"
class="form-check-input"
v-model="selectedAttributes"
:id="attributes.attribute_id"
:value="attributes.attribute_id"
/>
<label class="form-check-label" for="attributes.attribute_id">
{{ attributes.attribute_name }}
</label>
</li>
</ul>
...
data() {
return {
selectedAttributes: [],
};
},
不幸的是，我選擇的復選框的 attribute_id 沒有顯示。我的錯誤在哪里？
更新：來自我的 api 的資料如下所示：
我在這里需要的是，我希望用戶檢查他的首選選項并在 JSON.stringify 中顯示所選選項。selectedAttributes 應顯示所選選項的 attribute_id。
uj5u.com熱心網友回復：
您的資料根本沒有attribute_idid 屬性。只有attribute_name您可以看到您提供的圖片
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/368813.html
標籤：javascript json Vue.js 渲染