iview Select 选择器获取选中项的多个相关值

最新推荐文章于 2025-04-20 09:37:12 发布

liminla!

最新推荐文章于 2025-04-20 09:37:12 发布

阅读量2.3k

点赞数 3

文章标签：前端

本文链接：https://blog.youkuaiyun.com/m0_45857808/article/details/121938171

版权

本文讲述了在Vue中使用Select组件时，为保证Option的click事件正常触发，如何通过添加.native修饰符来确保事件处理。通过实例代码展示了如何在v-for循环中正确应用@click.native修饰符以实现选择项的点击操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在option选项的点击事件上加修饰符.native，否则事件不生效。

          <Select
            transfer
            v-model="dictValueMaps[index].dictValueId"
            placeholder="请选择字段类型"
          >
              <Option
                :value="item.id"
                v-for="item in dictValueNameList"
                :key="item.id"
                @click.native="changeCode(item, index)"
              >
                {{ item.dictItemName }}
              </Option>
          </Select>