Southern Wind 2022-08-15 14:02 采纳率: 50%
浏览 223
已结题

vue3中的vant怎样解决点击弹出层的确认按钮后两个都发生一样的变化的问题

代码是这样的

<div v-for="(item,index) in checkedData" :key="index">
              <div style="background: #fff;margin-top: 5px;">
                <h6>{{index+1}}次下肢伤痛详细信息:</h6>
                
                {{item}}
                <van-field v-model="item.dates" is-link readonly :name="'datetimePicker_'+index" label="伤痛发生时间" class="lower" placeholder="请选择" @click="btns(index)" />
                <van-popup v-model:show="showPicker" position="bottom">
                  <van-datetime-picker v-model="currentDate" type="date" :default-index="50" :formatter="formatter" :min-date="minDate" :max-date="maxDate" @confirm="onConfirm" @cancel="showPicker = false" />
                </van-popup>
              </div>
              
              <van-field :name="'lateral_CB_'+index" label="下肢伤痛侧别" class="lo100">
                <template #input>
                  <van-radio-group v-model="item.date" direction="horizontal">
                    <van-radio :name="'left_'+index"></van-radio>
                    <van-radio :name="'right_'+index"></van-radio>
                  </van-radio-group>
                </template>
              </van-field>
            </div>


    const update = (value: any) => {
      listData.values = value;
      if (value == "") {
        listData.checkedData = [];
      }
      for (let i = 0; i < value; i++) {
        // @ts-ignore
        // ["date" + i]: ""
        listData.checkedData.push({ date: "", dates: "" });
      }
    };
    /* 弹窗 */

    const showPQX = ref(false);
    const onConfirm = (value: any) => {
      console.log(timeFormat(value))
      // timeFormat(value);
      showPicker.value = false;
    };
    const onConfirmQX = (value: any) => {
      listData.result_QX = value;
      showPQX.value = false;
    };

    const timeFormat = (time: any) => {
      let year = time.getFullYear();
      let month = time.getMonth() + 1;
      let day = time.getDate();
      //  + day + '日'
      return year + "/" + month + "/" + day + "";
    };

img

img

这里是根据用户输入的数量去生成表单,这样的级联框怎么去获取每个v-model
怎样将这个弹出框绑定对应的v-model的值?就是想达到和单选按钮一样的效果,现在就是点击弹出层的确认按钮后两个都发生一样的变化

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 8月23日
    • 创建了问题 8月15日

    悬赏问题

    • ¥15 如何让企业微信机器人实现消息汇总整合
    • ¥50 关于#ui#的问题:做yolov8的ui界面出现的问题
    • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
    • ¥15 TLE9879QXA40 电机驱动
    • ¥20 对于工程问题的非线性数学模型进行线性化
    • ¥15 Mirare PLUS 进行密钥认证?(详解)
    • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
    • ¥20 想用ollama做一个自己的AI数据库
    • ¥15 关于qualoth编辑及缝合服装领子的问题解决方案探寻
    • ¥15 请问怎么才能复现这样的图呀