vue中radio或者checked如何默认选中?
attrList数据:[{propertyValueId: 1,valueData: "sku1 text alias"},{propertyValueId: 2,valueData: "sku1 text alias"},{propertyValueId: 3,valueData: ...
·
attrList数据:
[
{
propertyValueId: 1,
valueData: "sku1 text alias"
},
{
propertyValueId: 2,
valueData: "sku1 text alias"
},
{
propertyValueId: 3,
valueData: "sku1 text alias"
}
]
<ul>
<li class="item" v-for="item in attrList">
<input :type="inputClass"
:class="inputClass"
:id="getId()"
:value="item.propertyValueId"
v-model="checkedList">
<label :for="getId(false)" :title="item.valueData">{{ item.valueData}}</label>
</li>
</ul>
data() {
return {
checkedList: this.inputType === global.INPUT_TYPE.CHECK_BOX ? [] : this.propertyValueId
}
},
computed: {
// checkbox or radio
inputClass() {
return this.inputType === global.INPUT_TYPE.CHECK_BOX ? 'checkbox' : 'radio'
}
}
checkbox和radio要区别对待,radio不能放在数组里面。
更多推荐
已为社区贡献6条内容
所有评论(0)