【iview】es6变量结构赋值（对象赋值）
变量的解构赋值
以iview的src/index.js中Vue.prototype.$IVIEW改造为例练习下怎么使用变量的解构赋值
原来的写法：
const install = function(Vue, opts = {}) {if (install.installed) return;locale.use(opts.locale);locale.i18n(opts.i18n);Object.keys(iview).forEach(key => {Vue.component(key, iview[key]);});Vue.prototype.$IVIEW = {size: opts.size || '',transfer: 'transfer' in opts ? opts.transfer : '',select: {arrow: opts.select ? opts.select.arrow ? opts.select.arrow : '' : '',customArrow: opts.select ? opts.select.customArrow ? opts.select.customArrow : '' : '',arrowSize: opts.select ? opts.select.arrowSize ? opts.select.arrowSize : '' : ''},cell: {arrow: opts.cell ? opts.cell.arrow ? opts.cell.arrow : '' : '',customArrow: opts.cell ? opts.cell.customArrow ? opts.cell.customArrow : '' : '',arrowSize: opts.cell ? opts.cell.arrowSize ? opts.cell.arrowSize : '' : ''},menu: {arrow: opts.menu ? opts.menu.arrow ? opts.menu.arrow : '' : '',customArrow: opts.menu ? opts.menu.customArrow ? opts.menu.customArrow : '' : '',arrowSize: opts.menu ? opts.menu.arrowSize ? opts.menu.arrowSize : '' : ''},tree: {arrow: opts.tree ? opts.tree.arrow ? opts.tree.arrow : '' : '',customArrow: opts.tree ? opts.tree.customArrow ? opts.tree.customArrow : '' : '',arrowSize: opts.tree ? opts.tree.arrowSize ? opts.tree.arrowSize : '' : ''},cascader: {arrow: opts.cascader ? opts.cascader.arrow ? opts.cascader.arrow : '' : '',customArrow: opts.cascader ? opts.cascader.customArrow ? opts.cascader.customArrow : '' : '',arrowSize: opts.cascader ? opts.cascader.arrowSize ? opts.cascader.arrowSize : '' : '',itemArrow: opts.cascader ? opts.cascader.itemArrow ? opts.cascader.itemArrow : '' : '',customItemArrow: opts.cascader ? opts.cascader.customItemArrow ? opts.cascader.customItemArrow : '' : '',itemArrowSize: opts.cascader ? opts.cascader.itemArrowSize ? opts.cascader.itemArrowSize : '' : ''},colorPicker: {arrow: opts.colorPicker ? opts.colorPicker.arrow ? opts.colorPicker.arrow : '' : '',customArrow: opts.colorPicker ? opts.colorPicker.customArrow ? opts.colorPicker.customArrow : '' : '',arrowSize: opts.colorPicker ? opts.colorPicker.arrowSize ? opts.colorPicker.arrowSize : '' : ''},datePicker: {icon: opts.datePicker ? opts.datePicker.icon ? opts.datePicker.icon : '' : '',customIcon: opts.datePicker ? opts.datePicker.customIcon ? opts.datePicker.customIcon : '' : '',iconSize: opts.datePicker ? opts.datePicker.iconSize ? opts.datePicker.iconSize : '' : ''},timePicker: {icon: opts.timePicker ? opts.timePicker.icon ? opts.timePicker.icon : '' : '',customIcon: opts.timePicker ? opts.timePicker.customIcon ? opts.timePicker.customIcon : '' : '',iconSize: opts.timePicker ? opts.timePicker.iconSize ? opts.timePicker.iconSize : '' : ''},tabs: {closeIcon: opts.tabs ? opts.tabs.closeIcon ? opts.tabs.closeIcon : '' : '',customCloseIcon: opts.tabs ? opts.tabs.customCloseIcon ? opts.tabs.customCloseIcon : '' : '',closeIconSize: opts.tabs ? opts.tabs.closeIconSize ? opts.tabs.closeIconSize : '' : ''},modal: {maskClosable: opts.modal ? 'maskClosable' in opts.modal ? opts.modal.maskClosable : '' : ''}};Vue.prototype.$Loading = LoadingBar;Vue.prototype.$Message = Message;Vue.prototype.$Modal = Modal;Vue.prototype.$Notice = Notice;Vue.prototype.$Spin = Spin;
};
使用解构赋值
const install = function(Vue, opts = {}) {if (install.installed) return;locale.use(opts.locale);locale.i18n(opts.i18n);Object.keys(iview).forEach(key => {Vue.component(key, iview[key]);});/** ==================== obj ================== */let obj = {select:{}, cell:{}, menu:{}, tree:{}, colorPicker:{}, cascader:{}}for (let [key, value] of Object.entries(obj)){({arrow: value.allow = '', customArrow: value.customArrow = '', arrowSize: value.arrowSize =''} = opts[key] ? opts[key] : {})}
//这里不能使用：let cascader = obj.cascader然后在下面使用({itemArrow: obj.cascader.itemArrow = '',customItemArrow: obj.cascader.customItemArrow = '',itemArrowSize: obj.cascader.itemArrowSize = ''} = opts['cascader'] ? opts['cascader'] : {})/** ==================== obj2 ================== */let obj2 = { datePicker:{}, timePicker:{} }for (let [key, value] of Object.entries(obj2)){({icon: value.icon = '', customIcon: value.customIcon = '', iconSize: value.iconSize =''} = opts[key] ? opts[key] : {})}let {closeIcon = '', customCloseIcon ='', closeIconSize = ''} = opts.tabs ? opts.tabs : {}Vue.prototype.$IVIEW = Object.assign({size: opts.size || '',transfer: 'transfer' in opts ? opts.transfer : '',tabs: {closeIcon, customCloseIcon, closeIconSize},modal: {maskClosable: opts.modal ? 'maskClosable' in opts.modal ? opts.modal.maskClosable : '' : ''}}, obj, obj2);Vue.prototype.$Loading = LoadingBar;Vue.prototype.$Message = Message;Vue.prototype.$Modal = Modal;Vue.prototype.$Notice = Notice;Vue.prototype.$Spin = Spin;
};
对象解构（key要对应）
数组解构（位置要对应）
其他......
喜欢的朋友记得点赞、收藏、关注哦！！！
相关文章：
【iview】es6变量结构赋值（对象赋值）
变量的解构赋值 以iview的src/index.js中Vue.prototype.$IVIEW改造为例练习下怎么使用变量的解构赋值 原来的写法： const install function(Vue, opts {}) {if (install.installed) return;locale.use(opts.locale);locale.i18n(opts.i18n);Object.keys(iview).fo…...
在Windows系统中使用Docker发布镜像到镜像仓库
在Windows系统中使用Docker发布镜像到镜像仓库的步骤如下： 步骤 1：安装并配置Docker 安装Docker Desktop • 下载Docker Desktop for Windows并安装。 • 确保启用WSL 2或Hyper-V后端（根据系统版本选择）。 验证Docker运行状态 打…...
糖尿病筛查常识---秋浦四郎
糖尿病筛查可以早期发现糖尿病或糖尿病前期（血糖异常但未达到糖尿病标准），以利于及时干预，预防并发症。因为许多人患上糖尿病时没有明显症状，但已经开始对身体造成损害，有了明显糖尿病症状才检查发现糖尿病…...
CSS 预处理器 Sass
目录 Sass 一、Sass 是什么？ 二、核心功能详解 1. 变量（Variables） 2. 嵌套（Nesting） 3. 混合宏（Mixins） 4. 继承（Inheritance） 5. 运算（Operations&…...
Mybatisplus:一些常用功能
自动驼峰 mybatis-plus:configuration:# 开启驼峰命名规则，默认true开启map-underscore-to-camel-case: true# 控制台日志打印，便于查看SQLlog-impl: org.apache.ibatis.logging.stdout.StdOutImpl TableName 作用：表名注解，标识…...
Golang WaitGroup 用法 源码阅读笔记
使用 sync.WaitGroup可以用来阻塞等待一组并发任务完成 下面是如何使用sync.WaitGroup的使用 最重要的就是不能并发调用Add()和Wait() var wg sync.WaitGroupfor ... {wg.Add(1) // 不能和wg.Wait()并发执行go func() {// 不能在启动的函数里面执行wg.Add(), 否则会panicde…...
第二章：一致性基础 A Primer on Memory Consistency and Cache Coherence - 2nd Edition
在本章中，我们将介绍足够多的缓存一致性知识，以便理解一致性模型是如何与缓存相互作用的。我们在 2.1 节首先给出在本入门教程中所考虑的系统模型。为了简化本章以及后续章节的阐述，我们选择了尽可能简单的系统模型，该模型足以说明…...
C++类_移动构造函数
std::move 的主要用途是在对象所有权转移时，触发移动构造函数或移动赋值运算符，避免不必要的深拷贝，提升性能。 移动构造函数 和 移动赋值运算符， std::move转换为右值，匹配到移动构造函数和移动赋值运算符。…...
Spring AI 实战：第一章、Spring AI入门之DeepSeek调用
引言：当Spring遇上AI，会擦出怎样的火花？ 作为一名Java开发者，是否曾经眼红Python阵营那些花里胡哨的AI应用？是否在对接各种大模型API时，被五花八门的接口规范搞得头大？好消息是，Spr…...
fastapi+vue中的用户权限管理设计
数据库设计：RBAC数据模型 这是一个典型的基于SQLAlchemy的RBAC权限系统数据模型实现，各模型分工明确，共同构成完整的权限管理系统。 图解说明： 实体关系： 用户(USER)和角色(ROLE)通过 USER_ROLE 中间表实现多对多关系…...
Space Engineers 太空工程师 [DLC 解锁] [Steam] [Windows]
Space Engineers 太空工程师 [DLC 解锁] [Steam] [Windows] 需要有游戏正版基础本体，安装路径不能带有中文，或其它非常规拉丁字符； DLC 版本 至最新全部 DLC 后续可能无法及时更新文章，具体最新版本见下载文件说明 DLC 解锁列表&…...
随机变量数字特征
主要介绍一维随机变量期望和方差、二维随机变量期望和方差、以及协方差相关公式，及推导。 一维随机变量 以一个抛硬币的场景作为例子，如下： 抛掷两枚均匀硬币，如果两枚都是正面向上，则赢得2元，否则就输掉…...
C++总结01-类型相关
一、数据存储 1.程序数据段 • 静态（全局）数据区：全局变量、静态变量 • 堆内存：程序员手动分配、手动释放 • 栈内存：编译器自动分配、自动释放 • 常量区：编译时大小、值确定不可修改 2.程序代码段 •…...
【多线程】七、POSIX信号量 环形队列的生产者消费者模型
文章目录 Ⅰ. 信号量一、POSIX 信号量的概念二、POSIX 信号量的类型区别三、POSIX 信号量与 SystemV 信号量的区别Ⅱ. 线程信号量基本原理一、为什么要引入信号量❓二、PV 操作三、POSIX 信号量的实现原理四、CAS操作介绍Ⅲ. POSIX未命名信号量接口一、初始化无名信号量二、销毁…...
二维码批量识别—混乱多张二维码识别-物品分拣—-未来之窗-仙盟创梦IDE
仙盟模型 用途 精准分拣：快速准确识别物品上复杂或多个二维码，依据码中信息（如目的地、品类等）实现物品自动化分拣，提高分拣效率与准确性。库存管理：识别入库、出库物品二维码，更新库存数据&am…...
《TensorFlow 与 TensorFlow Lite：协同驱动 AI 应用全景》
《TensorFlow 与 TensorFlow Lite：协同驱动 AI 应用全景》 摘要 ：在机器学习技术浪潮中，TensorFlow 与 TensorFlow Lite 作为 Google 技术栈的核心组件，分别占据云端训练与端侧部署的关键位置。本文将系统梳理二者架构特性、功能…...
Spring AI 实战：第三章、Spring AI结构化输出之告别杂乱无章
引言：当程序员遇上剧荒 “周末看什么？” 这个看似简单的问题，往往能让我们在各大影视平台间反复横跳半小时，最后无奈选择重刷《老友记》。本期让我们用技术解决这个"世纪难题"：让大模型成为你的私人影视推荐…...
ros2 humble 控制真实机械臂（以lerobot为例）
基础版 0.确保串口访问权限 sudo chmod 666 /dev/ttyARM0 # 确保串口访问权限 1.下载 lerobot 驱动功能包 git clone https://gitee.com/kong-yue1/lerobot_devices.git 2.编写控制节点（完整代码） 主要功能是与 Feetech 电机总线进行通信&#…...
REINFORCE蒙特卡罗策略梯度算法详解：python从零实现
🧠 向所有学习者致敬！ “学习不是装满一桶水，而是点燃一把火。” —— 叶芝 我的博客主页： https://lizheng.blog.csdn.net 🌐 欢迎点击加入AI人工智能社区！ 🚀 让我们一起努力，共创…...
模拟SIP终端向Freeswitch注册用户
1、简介 使用go语言编写一个程序，模拟SIP-T58终端在Freeswitch上注册用户 2、思路 以客户端向服务端Freeswitch发起REGISTER请求，告知服务器当前的联系地址构造SIP REGISTER请求 创建UDP连接，连接到Freeswitch的5060端口发送初始的REGISTER请…...
Elasticsearch 中的索引模板：如何使用可组合模板
作者：来自 Elastic Kofi Bartlett 探索可组合模板以及如何创建它们。 更多阅读： Elasticsearch：可组合的 Index templates - 7.8 版本之后 想获得 Elastic 认证吗？查看下一期 Elasticsearch Engineer 培训的时间！ El…...
一篇文章看懂时间同步服务
Linux 系统时间与时区管理 一、时间与时钟类型 时钟类型说明管理工具系统时钟由 Linux 内核维护的软件时钟，基于时区配置显示时间timedatectl硬件时钟 (RTC)主板上的物理时钟，通常以 UTC 或本地时间存储，用于系统启动时初始化时间hwclock …...
Mysql常用语句汇总
Mysql语句分类 DDL: 数据定义语言，用来定义数据库对象（数据库、表、字段）DML: 数据操作语言，用来对数据库表中的数据进行增删改DQL: 数据查询语言，用来查询数据库中表的记录DCL: 数据控制语言，用来创建数据…...
迭代器的思想和实现细节
1. 迭代器的本质 迭代器是一种行为类似指针的对象，它可能是指针（如 std::vector 的迭代器），也可能是封装了指针的类（如 std::list 的迭代器）。如果是指针那天然就可以用下面的运算，如果是类&am…...
[Vue]编程式导航
在 Vue 中，编程式导航是通过 JavaScript 代码（而非 <router-link> 标签）动态控制路由跳转的核心方式。这个方法依赖于 Vue Router 提供的 API，能更灵活地处理复杂场景（如异步操作、条件跳转等）。 一、…...
使用Node.js搭建https服务器
一、引言 https是是http的安全版本，在http的基础上通过传输加密和身份认证保证了传输过程中的安全性。可以认为：https http tls/ssl。本文讲述使用Node.js搭建https服务器的方法。 二、编译OpenSSL 按照《Openssl在Linux下编译/交叉编译》࿰…...
网络安全：sql注入练习靶场——sqli_labs安装保姆级教程
网络安全：sql注入练习靶场——sqli_labs安装保姆级教程 前言 sqli-labs靶场是一个开源的sql注入练习的综合靶场，包含大部分sql注入漏洞以及注入方式 网络安全学习者可以通过在sqli-labs靶场练习提升对sql注入的理解，以及学习各种绕过姿势。…...
rfsoc petalinux适配调试记录
1。安装虚拟机 2.设置共享文件夹 https://xinzhi.wenda.so.com/a/1668239544201149先设置文件夹路径 vmware 12 下安装 ubuntu 16.04 后，按往常的惯例安装 vmware-tools，安装时提示建议使用 open-vm-tools，于是放弃 vmware-tools 的安装&am…...
Windows下编译WebRTC源码
一、开发环境要求 准备一台64位的win10或win11（我用的是win11）电脑。最好是一台纯净的、没有安装过其它软件的Windows主机，避免已安装的软件和库对编译造成影响。 然后最好预留超过100G的硬盘空间。因为编译WebRTC时会产生大量的临时文件需…...
【vscode】.dart文件没有错误波浪线
解决方法： 新建一个文件夹，在vscode里打开这个文件夹 在这个文件夹里新建.dart文件后打开即可出现错误波浪线...
OpenharmonyOS+RK3568，【编译烧录】
文章目录 1. 摘要 ✨2. 代码下载 📩3. 编译 🖥️4. 修改&适配 ✂️4.1 编译框架基本概念4.2 vendor & device 目录4.3 内核编译4.3.1 如何修改、适配自己的开发板？ 4.4 修改外设驱动 5. 烧录&验证 📋参考 1. 摘要 ✨ …...
从零开始理解 C++ 后端编程中的分布式系统
一、什么是“分布式”？ 简单来说，分布式系统就是由“多个计算机（或服务器）”组成的一个大系统，它们通过网络协作完成某个任务，就像一个“团队合作”一样。 想象你开了一家餐馆，最初只有 一个厨房 和 一个服务员，所有订单都在这里处理。随着生意变好，你需要： 开分店…...
基于SpringBoot的篮球竞赛预约平台设计与实现
1.1 研究背景 科学技术日新月异的如今，计算机在生活各个领域都占有重要的作用，尤其在信息管理方面，在这样的大背景下，学习计算机知识不仅仅是为了掌握一种技能，更重要的是能够让它真正地使用到实践中去，以…...
具身系列——PPO算法实现CartPole游戏（强化学习）
完整代码参考： https://gitee.com/chencib/ailib/blob/master/rl/ppo_cartpole.py 执行结果： 部分训练得分： (sd) D:\Dev\traditional_nn\feiai\test\rl>python ppo_cartpole_v2_succeed.py Ep: 0 | Reward: 23.0 | Running: 2…...
小程序与快应用：中国移动互联网的渐进式革命——卓伊凡的技术演进观
小程序与快应用：中国移动互联网的渐进式革命——卓伊凡的技术演进观 在知乎看到很多：“懂王”发布的要把内行笑疯了的评论，卓伊凡必须怼一下，真印证那句话，无知者无畏 一、Web与小程序的技术本质差异 1.1 浏览器渲染…...
Socket 编程 UDP
Socket 编程 UDP UDP 网络编程V1 版本 - echo serverV2 版本 - DictServerV3 版本 - 简单聊天室 补充参考内容地址转换函数关于 inet_ntoa UDP 网络编程 声明：下面代码的验证都是用Windows作为客户端的，如果你有两台云服务器可以直接粘贴我在Linux下的客…...
Lua 基础 API与 辅助库函数 中关于创建的方法用法
目录 基础 API 函数1. lua_len(L, index)2. lua_load(L, reader, data, chunkname, mode)3. lua_newstate(allocator, ud)4. lua_newtable(L)5. lua_newthread(L)6. lua_newuserdata(L, size)7. lua_next(L, index) 辅助库函数（luaL_*）8. luaL_len(L, in…...
YOLOv11改进：利用RT-DETR主干网络PPHGNetV2助力轻量化目标检测
这里写自定义目录标题 YOLOv11改进：利用RT-DETR主干网络PPHGNetV2助力轻量化目标检测1. 介绍2. 引言3. 技术背景3.1 YOLOv11概述3.2 RT-DETR与PPHGNetV23.3 相关工作 4. 应用使用场景5. 详细代码实现5.1 环境准备5.2 PPHGNetV2主干网络实现5.3 YOLOv11与PPHGNetV2集…...
centos7.0无法安装php8.2/8.3
在centos安装php8.2报错 configure: error: *** A compiler with support for C17 language features is required. 配置过程检测到你的系统编译器不支持 C17 语言特性，而 PHP 8.2 的编译需要编译器支持 C17 sudo yum update -y sudo yum install centos-releas…...
工业传动核心部件深度剖析：丝杆升降机与气缸的技术特性及选型指南
在工业自动化技术飞速发展的当下，丝杆升降机与气缸作为关键的直线传动部件，广泛应用于各类机械设备中。对于工程师而言，深入了解它们的技术特性、优缺点及适用场景，是实现高效、精准设备设计的重要前提。本文将从技术原理出发&…...
flask 获取各种请求数据：GET form-data x-www-form-urlencoded JSON headers 上传文件
在 Flask 里，能使用多种方法获取不同类型的请求数据，下面详细介绍常见请求数据的获取方式。 获取查询字符串参数（GET 请求） 查询字符串参数一般在 URL 里，以 ?key1value1&key2value2 这种形式存在。可通过 requ…...
)
c++_2011 NOIP 普及组 (1)
P1307 [NOIP 2011 普及组] 数字反转 P1307 [NOIP 2011 普及组] 数字反转 - 洛谷 # P1307 [NOIP 2011 普及组] 数字反转 ## 题目描述 给定一个整数 $N$，请将该数各个位上数字反转得到一个新数。新数也应满足整数的常见形式，即除非给定的原数为零&…...
信息泄露：网站敏感文件泄漏的隐形危机与防御之道
在网络安全领域，信息泄露常被称为“沉默的杀手”。攻击者无需复杂漏洞，仅通过网站无意暴露的敏感文件（如源码备份、配置文件、版本控制记录），即可获取数据库密码、API密钥甚至服务器权限。本文将深入剖析信息泄…...
)
C++笔记-多态(包含虚函数，纯虚函数和虚函数表等)
1.多态的概念 多态(polymorphism)的概念:通俗来说，就是多种形态。多态分为编译时多态(静态多态)和运行时多态(动态多态)，这里我们重点讲运行时多态，编译时多态(静态多态)和运行时多态(动态多态)。编译时多态(静态多态)主要就是我们前面讲的函…...
2025年- H22-Lc130-206. 反转链表（链表）---java版
1.题目描述 2.思路 使用迭代法 (1)定义一个前指针 (2)然后定义两个变量 curr（head），curr.next。 (3)curr和curr.next交换位置（只要当前指针不为空，执行两两交换） 3.代码实现 /*** Definition for singly-…...
智能家居的OneNet云平台
一、声明 该项目只需要创建一个产品，然后这个产品里面包含几个设备，而不是直接创建几个产品 注意：传输数据使用到了不同的power，还有一定要手机先联网才能使用云平台 二、OneNet云平台创建 （1）Temperatur…...
二、shell脚本--变量与数据类型
1. 变量的定义与使用 定义变量：简单直接 在 Shell 里定义变量相当容易： 基本格式: variable_namevalue关键点 ❗：赋值号 的两边绝对不能有空格！这绝对是初学者最容易踩的坑之一 😨，务必留意！…...
GitHub Actions 和 GitLab CI/CD 流水线设计
以下是关于 GitHub Actions 和 GitLab CI/CD 流水线设计 的基本知识总结： 一、核心概念对比 维度GitHub ActionsGitLab CI/CD配置方式YAML 文件（.github/workflows/*.yml）.gitlab-ci.yml执行环境GitHub 托管 Runner / 自托管GitLab 共享 Runner / 自托管市场生态Actions Mar…...
穿越数据森林与网络迷宫：树与图上动态规划实战指南
在 C 算法的浩瀚宇宙中，树与图就像是神秘的迷宫和茂密的森林，充满了未知与挑战。而动态规划则是我们探索其中的神奇罗盘，帮助我们找到最优路径。今天，就让我们一起深入这片神秘领域，揭开树与图上动态规划的神秘面纱&am…...
Java学习手册：Spring 生态其他组件介绍
一、微服务架构相关组件 Spring Cloud 服务注册与发现 ： Eureka ：由 Netflix 开源，包含 Eureka Server 和 Eureka Client 两部分。Eureka Server 作为服务注册表，接收服务实例的注册请求并管理其信息；Eureka Client 负…...