//attr數據"attr":[    {    "attrName":"顏色",    "attrList":[{"attrVal":"紫色"},{"attrVal":"紅色"}]    },    {    "attrName":"型號",    "attrList":[{"attrVal":"大號"},{"attrVal":"中號"},{"attrVal":"小號"}]    }],//v-for的實現<div class="pro-attr">    <div class="pro-attr-list" v-for="item in numData.attr">    <h2>{{item.attrName}}</h2>    <ul>        <li v-for="listName in item.attrList" :class="{active:listName.attrVal==actAttr}" @click="actAttrFlag(listName.attrVal)">{{listName.attrVal}}</li>    </ul>    </div></div>渲染出來的結果問題：因為屬性沒有確定有多少個，所以只能循環出來 ，這樣做出來的結果是不管是顏色和型號的所有選項中只能一個被選中，而我想要的結果是，顏色可以有一個被選中，型號也有一個可以被選中，我應該怎么改，或者有思路提供下也行，謝謝。