首页 > 其他分享 >vue antd select组件中非自带清空API清空 选框 v-model:value="" 控制

vue antd select组件中非自带清空API清空 选框 v-model:value="" 控制

时间:2023-01-09 15:46:05浏览次数:41  
标签:vue value second 清空 antd select 选框

<template>
  <div>
    First: <a-select v-model:value="first" style="width: 100%" @change="handleFirstChange">
      <a-select-option v-for="i in 10" :key="(i + 9).toString(36) + i">
        {{ (i + 9).toString(36) + i }}
      </a-select-option>
    </a-select>
    Second: <a-select v-model:value="second" style="width: 100%" @change="handleSecondChange">
      <a-select-option v-for="i in 10" :key="(i + 9).toString(36) + i">
        {{ (i + 9).toString(36) + i }}
      </a-select-option>
    </a-select>
  </div>
</template>
<script>
    export default {
  data() {
    return {
      first: [],
      second: []
    };
  },
  methods: {
    handleFirstChange(value) {
      this.second = []
    },
    handleSecondChange(value) {
      this.first = []
    },
  },
};
</script>

 

标签:vue,value,second,清空,antd,select,选框
From: https://www.cnblogs.com/zhangpooo/p/17037238.html

相关文章

  • 初识Vue
    初识Vue<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>初识Vue</title><!--引入Vue--><scripttype="text/javascript"s......
  • Connected Health: The True Value of Good IoT Connectivity
    Arecentstudypredictsthattelemedicinewillgrowsevenfoldby2025.Theglobalpandemichasdisruptedthehealthcareindustryandaccelerateditsmovetowar......
  • vue+elementUI 实现内容区域高度自适应
    //defaultHeight是绑定的属性<el-main:style="defaultHeight"><router-view/></el-main>//注意:这里的defaultHeight必须是对象,不懂的可以去官网看下apidata(){......
  • vue-awesome-swiper与vue2的版本对应关系
    1.安装  注意:这里一定要对应swiper 和vue-awesome-swiper版本,如果不对应,vue就会各种报错  2.引入2.1全局引入main.js  2.2局部引入    3......
  • 视频直播app源码,vue实现列表自动滚动的方式
    视频直播app源码,vue实现列表自动滚动的方式设置定时器,每三秒,让列表向上移动一行的高度,然后当最后一条数据出现时,在下一个三秒后,恢复到初始状态。 下面是上面描述的代码......
  • NETCORE + VUE + SignalR 消息通信
     NETCORE+VUE+SignalR消息通信  分组通信:https://blog.csdn.net/qbc12345678/article/details/125215711 一.创建Net6WebApi项目NETCORE.TSignalR1.......
  • 关于vue :style 的几种使用方式
    :style的使用一,最通用的写法 <p:style="{fontFamily:arr.conFontFamily,color:arr.conFontColor,backgroundColor:arr.conBgColor}">{{con.title}}</p>二,三元表......
  • Vue的hash/history模式
    hash路由模式URL中的hash值只是客户端的一种状态,向服务端发送请求的时候,hash部分不会被发送;hash值得改变会在浏览器的历史记增加访问记录,所以可以通过浏览器的回退......
  • vue3+vite2 vite.config.js 配置
    vite配置官方文档:https://cn.vitejs.dev/config/shared-options.html#base 开发服务器选项-serverserver:{//host:指定服务器应该监听哪个ip地址。如果设置为......
  • vue2 element-ui组件二封-表单组件-按钮封装
    这里是一段我们公司过往项目的代码(增删改查项目中的查询/重置按钮)<el-button@click="query()"type="primary"size="mini"><iclass="el-icon-search">查询</i><......