首页 > 其他分享 >vue el-select 设置默认值后选项无法切换

vue el-select 设置默认值后选项无法切换

时间:2024-09-06 18:16:12浏览次数:8  
标签:el vue dataTypeList value label dict 默认值

解决办法:@change="$forceUpdate()" 添加这个即可

 

完整代码:

<template>
<el-form-item label="数据类型">
<el-select v-model="queryParams.searchDataType" placeholder="请选择数据类型" clearable @change="$forceUpdate()">
<el-option
v-for="dict in dataTypeList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</template>


<script>
export default {
data() {
return {
// 查询参数
queryParams: {},
dataTypeList: [
{label:'实际数据',value:"1"},
{label:'客户数据',value:"2"}
],
};
},
created() {
this.queryParams.searchDataType='1'
},
methods: {}
}
</script>

标签:el,vue,dataTypeList,value,label,dict,默认值
From: https://www.cnblogs.com/lynna/p/18400754

相关文章

  • electron 客户端 windows linux(麒麟V10)多系统离线打包 最新版 <一>
    electron客户端下载、构建、打包在国内网络情况下,绝对不是什么易事。更不要说离线干活,更是难上加难。这一篇主要讲下windows离线环境下,如何完成electron的下载打包。咱废话不多说,直接上干货。注意,我的大前提是完全没有网络。第一,需要下载什么windows环境下需要下载electron......
  • SciTech-Mathmatics-Physics-Particle+Movement-Election-The Maxwell Equations-Wave
    TheMaxwellEquations:电、磁、光StaticElectricFieldStaticMagneticFieldChangingElectricFieldChangingMagneticField......
  • 这应该是全网最详细的Vue3.5版本解读
    版本号这次的版本号是天元突破红莲螺岩,这是07年出的一个二次元动漫,作者是没看过的。在此之前我一直以为这次的版本号会叫黑神话:悟空,可能悟空不够二次元吧。响应式响应式相关的内容主要分为:重构响应式、响应式props支持解构、新增onEffectCleanup函数、新增basewatch函数......
  • 若依Excel导出
     @RestController@RequestMapping("/web/order/export")publicclassOrderExportControllerextendsBaseController{@GetMapping("/test")publicAjaxResultlistExportTest(){List<OrderExport>list=buildList();......
  • 70%的人都答错了的面试题,vue3的ref是如何实现响应式的?
    本文将通过debug的方式带你搞清楚当ref接收的是对象和原始类型时,分别是如何实现响应式的。注:本文中使用的vue版本为3.4.19。看个demo还是老套路,我们来搞个demo,index.vue文件代码如下:<template><div><p>count的值为:{{count}}</p><p>user.count的值为:{{use......
  • dell r940 安装 pm1735 固态硬盘 添加命令
    在DellR940上安装SamsungPM1735SSD并正确添加到系统中的步骤,特别是使用NVMeSSD时,主要包括硬件安装和软件设置。假设你已经将PM1735插入PCIe插槽,以下是主要的命令步骤:1.确认设备是否被识别首先,检查系统是否识别了PM1735固态硬盘:bash复制代码lspci|grep-......
  • Shell编程撰写Linux工具箱
    创建一个Linux工具箱脚本可以帮助您快速执行常见的系统管理任务。以下是一个示例脚本,包含了一些常见的功能,如系统信息查看、磁盘使用情况检查、网络信息查看、进程管理等。前言在开发者的世界里,我们不断探索,不断创新。今天,我们携手赞助商浪浪云,向您致敬,同时以敬业的精神......
  • vue中的数据代理
    在Vue中,数据代理是一种重要的机制,它使得开发者能够更方便地访问和操作数据。一、数据代理的概念数据代理是指通过一个对象代理对另一个对象的访问。在Vue中,数据代理主要是通过Vue实例来代理对数据对象的访问。当创建一个Vue实例时,可以传入一个数据对象,Vue会将这个数......
  • elementplus vue3 table表格动态合并单元格
    letcellList:any[]=[]//单元格数组letcount:number=0//计数constcomputeCell=(tableList:any[],name)=>{cellList=[]count=0for(leti=0;i<tableList.length;i++){if(i===0){//先设置第一项cellList.push(1)......
  • vue3 实现无感刷新token
    问题一:如何防止多次刷新token通过设置一个变量isRefreshing去控制是否在刷新token的状态if(!isRefreshing){isRefreshing=truereturnrefreshToken().then((data:any)=>{setToken(data.token_type+''+data.access_token);//存储token过期时换取新token值localStora......