vue选择效果怎么实现

Question

商品属性是遍历出来的，双重循环，每一个属性都是必选且只能选择一项。最后提交的时候外层循环id 和内层的id都要提交，刚开始看vue ，毫无头绪啊 ，各位有没有思路哇？<div class="container">    <div v-for="(x,index) in standards">        <p style="width:100%" :id="x.shopId">{{x.shopStandsName}}</p>      <div class="standards-wrap">        <div class="standards" :id="item.id"             v-for="(item,valueIndex) in x.shopStandsValues"             v-on:click="check(index,valueIndex,item.id)"            v-bind:class="{ check : index === itemIndex}"        >          {{item.shopStandsValue}}        </div>      </div>    </div></div> data() {      return {        url: domain.url,        goodsDetail: this.goodsDetail,        standards: this.standards,        itemIndex:'',        valIndex: ''      };}, //选择商品材质等 methods: {      check (item,valueIndex,id){        this.itemIndex = item                console.log( this.itemIndex)      }}