当前位置: 首页 > news >正文

element的下拉框封装

<!-- 仓位 -->
<template><el-selectclearable:value="value || []"class="ele-fluid":filterable="true"placeholder="仓位"@input="updateValue"><el-optionv-for="item in data":key="item.id":value="item.id":label="item.storageName"/></el-select>
</template><script>// import { listStorage } from '@/api/basic/storage/index';import { listStorage } from '@/api/basic/storage';export default {props: {// 选中的数据(v-model)value: [Array, String, Number],// 提示信息placeholder: {type: String,default: '请选择转入仓位'}},data() {return {//班次数据data: []};},created() {listStorage({}).then((list) => {this.loading = false;this.data = list;//   this.data = this.$util.toTreeData({//     data: list,//     idField: 'organizationId',//     parentIdField: 'parentId'//   });console.log(this.data);// this.$nextTick(() => {//   this.onNodeClick(this.data[0]);// });}).catch((e) => {this.loading = false;this.$message.error(e.message);});},methods: {/* 更新选中数据 */updateValue(value) {this.$emit('input', value);}}};
</script>

@input="updateValue"

 :value="value || []"

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Nacos服务注册总流程(源码分析)
  • Elasticsearch:结合稀疏、密集和地理字段
  • (6) 深入探索Python-Pandas库的核心数据结构:DataFrame全面解析
  • Java中的锁都有什么
  • WPF中逻辑树和视觉树
  • SQL 游标
  • CentOS7 安装 git 命令
  • 使用kali Linux启动盘轻松破解Windows电脑密码
  • 博斯克化学试剂与元宇宙的融合探索
  • Linux实战记录
  • Github 2024-07-07php开源项目日报 Top9
  • Vue项目使用mockjs模拟后端接口
  • 笔记:mysql双主,keepalived 配置
  • godis源码分析——Redis协议解析器
  • JVM内存泄露的ThreadLocal详解
  • 【Amaple教程】5. 插件
  • Android 架构优化~MVP 架构改造
  • AWS实战 - 利用IAM对S3做访问控制
  • ComponentOne 2017 V2版本正式发布
  • iOS动画编程-View动画[ 1 ] 基础View动画
  • JavaScript 无符号位移运算符 三个大于号 的使用方法
  • javascript数组去重/查找/插入/删除
  • JavaScript异步流程控制的前世今生
  • Material Design
  • October CMS - 快速入门 9 Images And Galleries
  • React系列之 Redux 架构模式
  • Zsh 开发指南(第十四篇 文件读写)
  • 飞驰在Mesos的涡轮引擎上
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 坑!为什么View.startAnimation不起作用?
  • 前端技术周刊 2018-12-10:前端自动化测试
  • 如何用vue打造一个移动端音乐播放器
  • 一份游戏开发学习路线
  • ​LeetCode解法汇总2696. 删除子串后的字符串最小长度
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • ​油烟净化器电源安全,保障健康餐饮生活
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • ###C语言程序设计-----C语言学习(3)#
  • #我与Java虚拟机的故事#连载05:Java虚拟机的修炼之道
  • %3cli%3e连接html页面,html+canvas实现屏幕截取
  • (13)Hive调优——动态分区导致的小文件问题
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (C++二叉树05) 合并二叉树 二叉搜索树中的搜索 验证二叉搜索树
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (独孤九剑)--文件系统
  • (二) 初入MySQL 【数据库管理】
  • (学习日记)2024.01.19
  • ******IT公司面试题汇总+优秀技术博客汇总
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .net core webapi 大文件上传到wwwroot文件夹
  • .NET Core中的去虚
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)
  • .NET开发不可不知、不可不用的辅助类(三)(报表导出---终结版)
  • .net开发日常笔记(持续更新)