工作186：实际案例解决vue+el-element二级联动，选项选择后不显示的问题

1组件

      <el-form-item label="所属部门" :label-width="formLabelWidth"><select-form @change="DepartmentList"  v-model="form.department_id" /></el-form-item><!-- <el-form-item prop="business_module" label="所属栏目" :label-width="formLabelWidth">&lt;!&ndash;注意用户的返回值&ndash;&gt;<el-select v-model="form.business_module"  placeholder="请选择所属栏目" multiple><el-option @click="resetLoginFrom" v-for="label in business_module" :label="label" :value="label"></el-option></el-select></el-form-item>--><!--7column--><el-form-item prop="column" label="所属单元" :label-width="formLabelWidth"><!--注意用户的返回值--><el-select @change="updateFun" v-model="form.column"  placeholder="请选择所属栏目" multiple><el-option  v-for="column in columns" :label="column" :value="column"></el-option></el-select></el-form-item>

2加方法

 methods: {updateFun(){this.$forceUpdate();},/*封装网络请求 该数据为所属单元和所属项目*/DepartmentList(val) {/*取到val的数值*/this.form.column=''getAction("/department/attribute/"+val).then(res => {//回显数据/*this.business_module = res.data.business_module;*/console.log(res.data)this.columns = res.data.column;});},

运行结果

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/415081.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Render errors:One or more layouts are missing the layout_width or layout_height attributes

Render errors:One or more layouts are missing the layout_width or layout_height attributes

Render errors:One or more layouts are missing the layout_width or layout_height attributes 2017年05月25日 11:55:19 邹奇 阅读数&#xff1a;4207 标签&#xff1a; android studioxmlRendererrorsattributes 更多 个人分类&#xff1a; 安卓开发技术学习 版权声明&a…
阅读更多...
fastapi vue socket 从其他文件调用 socket 方法

fastapi vue socket 从其他文件调用 socket 方法

需求&#xff1a;因为项目需要&#xff0c;边做边学python&#xff0c;这次需要使用socket功能&#xff0c;正常在main.py中写个socket&#xff0c;还是OK的&#xff0c;但是我想要在其他文件中&#xff0c;直接使用socket的emit方法&#xff0c;需要在文件结构上进行一些调整。…
阅读更多...
工作187：表单校验规则

工作187：表单校验规则

第一种常用方式&#xff1a;表单上加rules&#xff5b;object&#xff5d; <el-form class"apply-form first-form" :model"formData" :rules"rule" ref"form"><el-form-item label"姓名" prop"visitorName&…
阅读更多...
AndroidStudio关联svn并上传代码到svn服务器上，更换域名

AndroidStudio关联svn并上传代码到svn服务器上，更换域名

SVN安装选项 到下图位置选择【command line client tools】前面的下拉框&#xff0c;选择【Will be installed on local hard drive】&#xff0c;一直下一步知道安装完成即可。 打开AndroidStudio&#xff0c;按CtrlShifS快捷键&#xff0c;进入Settings设置页面。如上图所示…
阅读更多...
docker安装postgres

docker安装postgres

1、拉取 postgres镜像 docker pull postgres2、开启容器 docker run --name Postgres-0 -e POSTGRES_PASSWORDpassword -d -p 5432:5432 postgres:latest3、打开命令行 docker exec -it Postgres-0 bash4、切换为管理员用户 psql -U postgres5、查看用户 \du6、继续创建数…
阅读更多...
MySQL并发复制系列一：binlog组提交 (转载)

MySQL并发复制系列一：binlog组提交 (转载)

http://blog.csdn.net/woqutechteam/article/details/51178803 MySQL Binary log在MySQL 5.1版本后推出主要用于主备复制的搭建&#xff0c;我们回顾下MySQL 在开启/关闭 Binary Log功能时是如何工作的 。 MySQL没有开启Binary log的情况下&#xff1a; InnoDB存储引擎通过re…
阅读更多...
工作188：表单校验规则

工作188：表单校验规则

1绑定rules <el-dialog title"新建账号" :visible.sync"dialogFormVisible" close"close"><!--1.name--><el-form ref"form" :rules"rules" :model"form" size"medium" :label-width&q…
阅读更多...
学习knex过程中好的参考资料整理

学习knex过程中好的参考资料整理

记录本人制作博客系统和学习knex找的相关资料链接&#xff1a; 1、博客系统 https://github.com/huoguozhang/my-blog/tree/master/models 2、与typescript结合&#xff0c;TypeScript Express Objection.js Knex.js MySQL https://github.com/corocn/ts-server/tree/61c…
阅读更多...
js-----Date==字符串

js-----Date==字符串

<html> <head> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"> <title>js将当前时间转换为字符串日期</title> <script type"text/javascript" src"jquery-1.11.1.min.js"&…
阅读更多...
Android Studio 项目断开SVN连接

Android Studio 项目断开SVN连接

Android Studio 断开 SVN 1.打开项目所在的文件夹&#xff0c;找到.idea文件夹 2.打开.idea文件夹&#xff0c;找到vcs.xml文件并打开 3.把vcs对应的值删掉&#xff0c;vcs“” 4.重要的来了&#xff0c;删除项目中关联svn时创建的svn隐藏文件。 在查看中设置显示隐藏的文…
阅读更多...
工作189：配置表头即可

工作189：配置表头即可

columns: [{type: "selection", width: "50"},{prop: "id", label: "ID", width: "60", sortable: true},{prop: "name", label: "账号名称", width: "100", sortable: true},{prop: "d…
阅读更多...
什么是eager loading

什么是eager loading

在做objectionknexmysql技术栈开发过程中&#xff0c;进行关联数据查询时&#xff0c;遇到这个关键词eager loading,现在进行解释一下&#xff1a; eager loading其实就是preloading的意思。就是尽可能把后面需要的数据&#xff0c;通过最少的sql语句一起查询出来&#xff0c;从…
阅读更多...
Robotium_断言方法assert、is、search

Robotium_断言方法assert、is、search

下面的这些方法都主要用来判断测试结果是否与预期结果相符&#xff0c;一般把is和search方法放在assert里面判断。assert最常用的还是assertThat方法&#xff0c;是Junit的判断&#xff0c;这里就不多说了。断言方法assert&#xff08;robotium特有的断言方式&#xff0c;实际项…
阅读更多...
工作190：页面数据不显示

工作190：页面数据不显示

账户详情里面没有返回对应的字段 所以页面不显示
阅读更多...
mysql两张主表person event加上第三张关联表

mysql两张主表person event加上第三张关联表

有两个对象&#xff0c;个人person、活动event。每个person可以参加多个event&#xff0c;每个event可以由多person参加。数据库表格如下&#xff1a; event - id [int (4),primary] - name [varchar (30)] - …person - id [int (4),primary] - name [varcha…
阅读更多...
List的五种去重方式

List的五种去重方式

一、String去重&#xff1a; //set集合去重&#xff0c;不改变原有的顺序public static void pastLeep1(List<String> list){System.out.println("list [" list.toString() "]");List<String> listNewnew ArrayList<>();Set setne…
阅读更多...
python Shapely OSError: Could not find lib c or load any of its variants []

python Shapely OSError: Could not find lib c or load any of its variants []

mac 升级过后&#xff0c;python项目运行报错python Shapely OSError: Could not find lib c or load any of its variants []。 在github上找到解决办法没记录如下&#xff1a; To recap, I removed anything dealing with conda that depends on geos: conda remove geos, s…
阅读更多...
工作191：loading不声明

工作191：loading不声明

loding没有声明
阅读更多...
工作192:vue项目如何刷新当前页面

工作192:vue项目如何刷新当前页面

1.场景 在处理列表时&#xff0c;常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面&#xff0c;页面是不进行刷新的 2.采用window.reload()&#xff0c;或者router.go(0)刷新时&#xff0c;整个浏览器进行…
阅读更多...
python保存文件，如果目录不存在，则创建

python保存文件，如果目录不存在，则创建

对于python 3.2 以上版本使用 import osfilename "/user/project/demo.txt" os.makedirs(os.path.dirname(filename), exist_okTrue) with open(filename, "w") as f:f.write("FOOBAR")
阅读更多...
最新文章

Copyright @ 2022~2023