elementUI 组件select 一个页面多次使用的情况
2017-10-09 17:11
1201 查看
elementUI 组件select 一个页面多次使用的情况
通过ajax得到数据在option中显示
当一个页面有多个select时
1.在data中定义
此时选择option中的内容就可以在页面的input框中显示，
但是如果我要在页面显示name
但需要传给后台这个name的对应的id
则需要用v-model来操作
在vue里面用this.selectFloor.floorId就可以得到此时选中option的id
最后的结果
通过ajax得到数据在option中显示
当一个页面有多个select时
1.在data中定义
此时选择option中的内容就可以在页面的input框中显示，
但是如果我要在页面显示name
但需要传给后台这个name的对应的id
则需要用v-model来操作
在vue里面用this.selectFloor.floorId就可以得到此时选中option的id
最后的结果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- elementui select组件选中后无法自动刷新更新值渲染到页面中
- elementUI select 组件使用详解
- VUE 使用新版本 element-ui 组件库 Select 组件时， value 值为对象时的 BUG 处理
- 使用Vue.js和Element-UI做一个简单的登录页面
- VUE 使用新版本 element-ui 组件库 Select 组件时， value 值为对象时的 BUG 处理
- 使用Vue.js和Element-UI做一个简单登录页面的实例
- 对Guava Cache的封装和使用（包括一个管理页面实现了查看统计信息、情况、查看记录等）
- 使用vuejs2.0和element-ui 搭建的一个后台管理界面
- 从零开始，搭建博客系统MVC5+EF6搭建框架（4）上,前后台页面布局页面实现，介绍使用的UI框架以及JS组件
- 如何使用Swiper在同一个页面上多个轮播组件
- 如何使用V2005建立一个BHO组件--响应documentcomplete事件，去除页面中的图片
- 在vue项目中使用element-ui的Upload上传组件
- element UI table表格组件使用[超级完整功能]
- 浅谈Vue（使用vue+element ui搭建页面）
- 解决element-ui 中upload组件使用多个时无法绑定对应的元素
- 使用vuejs2.0和element-ui 搭建的一个后台管理界面
- js 漂浮广告代码（支持一个页面多次使用，其中一个带关闭功能哦!^^）
- 从零开始，搭建博客系统MVC5+EF6搭建框架（4）上,前后台页面布局页面实现，介绍使用的UI框架以及JS组件
- FileSystemWatcher是软件程序开发常用到的一个监控组件，但是这个控件的Changed 时间方法老是触发2次或者多次，触发多次的情况
- 对Guava Cache的封装和使用（包括一个管理页面实现了查看统计信息、情况、查看记录等）