文章目录

方法一
方法二

问题：vue(ElementUI)下拉框选择后赋值了，但是框上不显示

<!--下拉框-->
<el-form-item label="用户角色" prop="role"><el-select v-model="editModel.role" :placeholder="selectPlaceholder" @change="handleChange"><el-option v-for="item in roleList" :key="item.id" :label="item.roleName" :value="item.id"></el-option></el-select>
</el-form-item>

解决：

方法一

下拉框数据是循环调用接口，数据层次太多，render函数没有自动更新，需手动强制刷新

// 手动刷新
handleChange() {this.$forceUpdate()
}

方法二

vue 无法监听动态新增的属性的变化，需要用 $set 来为这些属性赋值

// 操作下拉框选中事件
handleChange(val) {// val 代表 value 值if (val) {// 操作选中角色发生变化this.$set(this.editModel, this.editModel.role, val)} else {this.$set(this.editModel, this.editModel.role, '')}
}

ElementUI下拉框选择后不显示值相关推荐

elementui下拉框选择图片_Element-UI中Select选择器详解
image 前言最近开发的后台管理系统项目采用Vue+Element-UI技术架构,在使用Elment-UI中Select组件的时候遇到了比较多的操作难题,官网上关于这个组件的使用文档介绍的不是很详 ...
html下拉框选择后自动刷新,html select 下拉框刷新页面后保留上一次选择的值
常用场景组合条件查询点击查询/刷新页面,包括input输入框\复选框等在内的组件都可以通过前端设置value="{{id}}",后台发送的数据包括对应的字段,从而实现刷新后保留上 ...
elementui下拉框选择图片_element ui下拉框如何实现默认选择?
为什么我这样写没反应呢运营商级别 <el-option v-for="item in options1" :label="item.label" :va ...
elementui下拉框选择图片_Element UI系列：Select下拉框实现默认选择
[编程题目]一个整数数组,长度为 n,将其分为 m 份,使各份的和相等,求 m 的最大值★★ (自己没有做出来!!) 45.雅虎(运算.矩阵): 2.一个整数数组,长度为 n,将其分为 m 份,使各份 ...
关于elementUI下拉框value和label问题
关于elementUI下拉框回显value而不是label问题今天使用elementUI中的下拉模板时发现了一个很大的坑,根据文档所介绍的是: key唯一标识 label选择之后显示到选 ...
PHP下拉框选择的实现方法
实现第一种PHP下拉框实现方法: < ?php //提交下拉框; //直接饱触发onchange事件的结果 $id=$_GET['myselect']; // myselect 为locati ...
python爬取下拉列表数据_Python+selenium之获取文本值和下拉框选择数据
Python+selenium之获取文本值和下拉框选择数据一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...
警告框处理与下拉框选择_Sinno_Song_新浪博客
一.警告框处理: switch_to.alert:获取当前警告框 text:返回 alert/confirm/prompt 中的文字信息. accept():接受现有警告框. dismiss():解散 ...
js插件chosen-select后台交互下拉框选择
js插件chosen-select后台交互下拉框选择 $('.chosen-select').chosen(); $(".chosen-search input").bind(&q ...

ElementUI下拉框选择后不显示值

文章目录

方法一

方法二

ElementUI下拉框选择后不显示值相关推荐

最新文章

热门文章