vue的v-for循环出来的列表里面的列表点击事件只对当前列表有效

|、Luv

503人浏览 · 2023-02-17 11:09:17

|、Luv · 2023-02-17 11:09:17 发布

<view class="dropDown" @click="downAction(item)"></view>
<view class="uni-combox__selectors" v-if="item.hideShow">
                            
</view>

 listss: [
                {
                    start_time: '',
                    end_time: '',
                    hideShow: false,
                    stuList: [{ name: 'dsf ', state: '0' }, { name: '张三 ', state: '1' }],
                },
                {
                    start_time: '',
                    end_time: '',
                    hideShow: false,
                    stuList: [{ name: 'dsf ', state: '0' }, { name: '张三 ', state: '2' }],
                },
              
],

        downAction(data) {
           let this_ = this;
           if (!data.hideShow) {
            data.hideShow = true;
           } else if (data.hideShow == true) {
            data.hideShow = false;
           }
          },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^