vue下拉框和输入框的联动
基于element-UI的下拉框
【vue下拉框和输入框的联动】通过change事件,进行联动,temp为当前下拉框内值,遍历company内的值,赋值与name对应的Id
companyChange (temp) {
console.log(temp)
this.companyName.forEach(element => {
if (element.insuranceCompanyName === temp) {
this.formData.insuranceCompanyId = element.insuranceCompanyId
}
})
},
从数据库中取得集合
let _data = https://www.it610.com/article/{}
this.$http.post(this.API.getCompanyName, _data).then((response) => {
this.companyName = response.data.data
}).catch((response) => {
console.log(response)
this.$message.error('网络异常')
})
推荐阅读
- android第三方框架(五)ButterKnife
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- tableView|tableView 头视图下拉放大 重写
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- Spring|Spring 框架之 AOP 原理剖析已经出炉!!!预定的童鞋可以识别下发二维码去看了
- 用npm发布一个包的教程并编写一个vue的插件发布