Element ui 框架型

<el-select v-model="sketchID" autocomplete="off" @@change="setEmpty" id="sketchID2">
<el-option
v-for="item in sketchOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
setEmpty:function (data) {
var _this = this
console.log('data',data)
let obj = {};
obj = this.sketchOptions.find((item)=>{//这里的sketchOptions就是上面遍历的数据源
return item.value === data;//筛选出匹配数据
})
console.log('obj.label',obj.label);
          console.log('obj.value',obj.value);
},
sketchOptions: [{
value: '1',
label: '安装位置不正确'
}, {
value: '2',
label: '空置房'
}],

原生型:

<select  autocomplete="off" @change="setEmpty" id="sketchID">
<option
v-for="item in sketchOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</option>
</select>
setEmpty:function () {
var _this = thisvar s = $("#sketchID").find("option:selected").text();
          console.log(s.text())
          console.log(s.value())
}

最新文章

  1. 基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现
  2. 如何使用JDBC实现数据访问对象层(DAO)
  3. HTML CSS
  4. java多线程系类:基础篇:01基本概念:
  5. 9.10---堆箱子问题(CC150)
  6. [LeetCode] Binary Tree Preorder Traversal
  7. 浅析Linux下进程间通信:共享内存
  8. JavaScript 参数传递与变量复制
  9. Arch Linux 修改主机名称
  10. UITableView的编辑模式
  11. android开发之SwipeListView的使用
  12. mysql 二级索引
  13. 如何调节Eclipse下console输出字体的大小??
  14. Less的!important关键字
  15. springboot运行时该注意的地方
  16. 自学Python4.8-生成器(方式二:生成器表达式)
  17. Java -Dfile.encoding=UTF-8 干掉乱码
  18. Tensorflow学习笔记01
  19. Docker 使用Docker-Compose编排容器
  20. 复制js的“准”正确用法

热门文章

  1. CoderForces985F-Isomorphic Strings
  2. ARTS-S EN0002-London HIV patient&#39;s remission spurs hope for curing AIDS
  3. 【HTML5】296- 重新复习 HTML5 的 5大存储方式
  4. Docker私有仓库搭建与界面化管理
  5. 开启html元素的编辑模式contenteditable="true"
  6. [answerer的算法课堂]简单描述4种排序算法(C语言实现)
  7. webpack打包出现WARNING in configuration The &#39;mode&#39; option has not been set, webpack will fallback to &#39;production&#39; for this value. 错误
  8. C# DataTable 某一列取算
  9. Python使用openpyxl操作excel表格
  10. C# HttpClient以multipart/form-data形式 提交文件和其它参数