Question

用iview中cell单元格组件，动态渲染了多个<cell>,当点击某个<cell>时，如何给当前选中<cell>加selected?

使用iview中的cell单元格组件，动态渲染了多个<cell>,当点击某个<cell>时，如何只给当前选中的<cell>项加selected属性?此图点击某项时，会全部选中，不是我想要的，求解？

Answer 1

不知道你的需求是什么，是单选 还是多选？

如果是单选 那就按照：

<cell-group @on-click="clicks" ref="group">
   <cell :name="index" v-for="(item,index) in [1,2,3,4,5]" :selected="num==index">{{item}}</cell>
</cell-group>

data () {
            return {
                switchValue: true,
                num: ''
            }
        },
        methods: {
            clicks (index) {
               this.num = index
            }
       }
       
如果是多选：
<cell-group @on-click="clicks" ref="group">
   <cell :name="index" v-for="(item,index) in [1,2,3,4,5]" :selected="arrNum.indexOf(index)!=-1">{{item}}</cell>
</cell-group>
data () {
            return {
                switchValue: true,
                num: '',
                arrNum:[]
            }
        },
        methods: {
        	clicks (index) {
          var indexs = this.arrNum.indexOf(index)
         if(indexs!=-1){
         		this.arrNum.splice(indexs, 1);
         }else{
          this.arrNum.push(index)
         }
          }

追问

谢谢你的解答，方便留下你的联系方式吗？

追答

有什么问题你私信我就好了

追问

我这边显示你是匿名用户，没有办法主动给你发私信！

追答

634562466@qq.com 有事邮箱