干货：vue2.x select2 指令封装

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 5.2k累计阅读 5.3k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄16年

关注

转载最新推荐文章于 2026-09-12 13:05:19 发布 5.2k 阅读 AI 写同款· GEO 优化 ›

vue3封装一个Select下拉选择器组件好的，我会尽力帮助您。下面是 Vue 3 封装 Select 下拉选择器组件的一个示例：首先，创建一个 Select.vue 组件。在组件中，使用 Vue 3 的 Composition API 来定义 props、data 和方法。例如，您可以定义一个名为 value 的 prop，用来储存选中的值。您也可以定义一个名为 options 的 prop，用来储存选项列表。还可以定义一个名为... 阅读详情

其他的就不说了，说说封装过程的问题吧

1、vue不同版本指令接受参数不一样

2、酱油君对于vue2.x双向绑定的机制不了解（有大神路过望在评论中不吝赐教）

上代码：

详情

收录于

vuejs

当前文章被收录于：

vuejs

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

原文链接：http://yy123.ink/article/U2A205>

Vue2核心概念与高效开发实战：从Options API到工程化避坑指南在前端开发领域，响应式编程和组件化是构建现代Web应用的核心思想。Vue.js作为主流框架，其响应式系统通过数据劫持与依赖追踪，实现了数据与视图的自动同步，极大地提升了开发效率。Vue2的Options API（选项式API）通过data、computed、watch、生命周期钩子等清晰的组织方式，为开发者提供了直观且易于上手的编程模型，尤其适合构建和维护中后台等复杂应用。其技术价值在于，即便在Vue3广泛普及的今天，大量存量项目依然基于稳定可靠的Vue2运行，掌握其精髓是解决实际生产问题、高效维护老项目的阅读详情

相关推荐

戏曲文化传播系统毕设实战：SpringBoot+Vue前后端分离全解析

在JavaWeb开发领域，前后端分离架构已成为企业级项目与毕业设计的主流选择。SpringBoot作为后端快速开发框架，凭借自动化配置与内嵌容器特性，大幅降低了服务端搭建门槛；Vue则通过组件化开发与数据双向绑定，为前端交互体验提供了高效方案。两者结合不仅契合现代软件工程的分工模式，也便于实现RESTful API调用与独立部署。在文化遗产数字化传播的背景下，一个以戏曲为主题的传播系统，天然适合展示视频在线播放、内容分类管理、用户互动等典型业务场景。此类系统通常涉及m3u8流媒体切片、数据库关系建模、权限拦

weixin_33862993的博客 392

vue.js自定义select2指令并使用ajax远程获取值(包括鼠标滑动下拉分页)

在用vue做下拉框时想到了select2，但是直接使用的话不能成功，不能获取下拉框的值，然后就想到了封装select指令，废话不多说直接上代码 //封装v-select指令封装的directives.js代码 Vue.directive('select2', { inserted: function (el, binding, vnode) { let options = binding.value || {}; $(el).select2(

L19910311的博客 1385

OVATION算法手册（中文）

OVATION系统算法的中文手册，包括反馈跟踪、引脚质量的描述。

vue2封装el-select，el-tree，支持筛选，实现TreeSelect的效果

7.父组件引用记录开发日常，如有不足还望指出，感谢！

weixin_72915006的博客 4026

vueselect一个原生Vuejs组件提供类似于的Select2功能

vue-select 一个原生Vue.js组件提供类似于的Select2功能

基于STM32的多普勒雷达测速

基于多普勒雷达传感器，以STM32单片机为主控芯片，根据不同模块检测距离的不同，使用不同多普勒雷达传感器实现对远近距离车辆行驶速度及方向的测量。 1、基础知识无线电探测和测距，是用无线电(电磁波)方法发现目标并测定其空间位置的装置。随着雷达技术的发展，现代雷达不仅可以对目标进行定位，还可以测量目标的速度、对目标进行成像甚至测量目标的大小和材料特性。所有利用雷达波来检测物体速度的原理，其理论基础皆源自于“多普勒效应”，...

weixin_52801934的博客 6315

Vue2封装自制组件（四）：选择框组件

当然，如果需要点击后回调的还可以在input中加一个@change，内容更改后的组件。学习链接：https://blog.csdn.net/lk_123456/article/details/120196318 三：选择框组件使用示例

Mib_vi的博客 1378

手把手教你用分立元件搭建自举电路：解决高端MOS驱动难题

本文详细介绍了如何用分立元件搭建自举电路，解决高端MOS驱动中的栅源极电压不足问题。通过面包板实验，逐步讲解二极管、电容等关键元件的选型与电路搭建，提供波形调试和常见问题排查方法，帮助工程师提升开关电源和电机驱动等应用的效率与可靠性。

weixin_30555125的博客 153

(干货) vue v-model的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>常.

172

全志T113s3主线linux开发（0）--基础准备

嵌入式Linux设备的启动大概是三步：1）启动芯片+内存：常见的是Uboot，不过全志的Uboot主线对SPI NAND 不太友好，用TF卡就方便。对于T113S芯片，推荐使用Awboot，简陋但快速。开发阶段用这个就方便好多，对SPINAND支持也方便。2）启动linux内核：主线内核以下通篇都用6.13以上的内核。对比tina5.0还在用5.4 ，主要是性能、安全上有变化。6.0以上内核在devicetree的编写具体格式上有了变化，网上大量tina5.0和5.4内核的编写方式不适用。

2301_79234138的博客 2247

企业级防火墙实战：用深信服AF8.0打造安全办公网络（含流控/僵尸防护配置）

本文详细介绍了如何利用深信服AF8.0防火墙构建企业级安全办公网络，涵盖设备初始化、多接入方式配置、三维一体安全防护体系（包括应用控制、僵尸防护和智能流控）以及典型问题排查。通过实战案例和配置模板，帮助IT管理员高效部署和优化网络安全管理，提升企业网络安全防护能力。

weixin_28716443的博客 281

element中el-select下拉框整体样式修改

前言最近写项目的时候，需要对element中原有的下拉框组件进行整体样式的修改，修改完后简单记录一下原有组件里的el-select下拉框这是修改完成之后的样式页面的DOM元素也是直接使用组件中的例子 <template> <div class="wrap"> <div class="dark-select"> 　　<el-select v-model="value" placeholder="请选择" :popper-append-t

我是段段的博客 1万+

ArcGIS小白必看：如何用3D Analyst工具将二维点线秒变三维模型（附详细步骤）

本文为ArcGIS初学者提供了利用3D Analyst工具将二维点、线数据快速转换为三维模型的完整指南。详细讲解了基于属性字段和数字高程模型（DEM）两种核心方法，并附上从数据准备、工具操作到三维场景可视化与问题排查的详细步骤，帮助用户轻松实现从平面到立体的空间数据建模。

nft7creator的博客 140

Spring Boot整合Shiro + Springboot +vue

目录 02 Spring Boot整合Shiro p1.shiro概述 1 什么是Shiro 2 Shiro核心组件 p2.Shiro实现登录认证 AccountRealm.java QueryWrapper 类名和表名是一一对应的 mapper报错解决测试 pom.xml p3.Shiro实现请求授权配置类 ShiroConfig **编写认证和授权规则: controller p4.Shiro整合Thymeleaf --认证完成，开始授权 13:52

weixin_41290863的博客 4043

智能客服系统知识库构建：长尾问题解决方案全解析

嗨，欢迎来到我的优快云博客小天地！一名深耕多年的技术发烧友。在这里，我将把日常工作中积累的宝贵经验，从复杂架构设计的精妙之处，到代码优化的实战技巧，毫无保留地分享给大家。 4112

多模态论文笔记——CogVLM和CogVLM2

本文详细介绍LoRA版本的多模态模型——CogVLM和CogVLM2。在SD3中使用其作为captioner基准模型的原因和优势。

haopinglianlian的博客 2203

element ui封装可搜索下拉框（解决数据过多卡顿问题）

🟣 前端2026最新【持续更新】→。🟢 前端0到1【持续更新】→。🔵 前端进阶【持续更新】→。🔴 AI最新学习资料 →。

zhang1339435196的博客 1009

详述 MIMIC 数据库26张数据表（一）

作者按照自身理解和实验要求对MIMIC-III的26张数据表进行整理归纳并进行介绍。

越努力越幸运 7237

Vue3+ECharts实战：从数据聚合到前端渲染的年度商品趋势折线图

数据可视化是现代Web应用和数据分析的核心环节，其原理在于将抽象数据转化为直观的图形，以揭示趋势、模式和异常。在技术层面，它通常依赖前端图表库与后端数据处理能力的协同。对于时间序列数据的呈现，折线图是展示趋势变化的经典选择，具有极高的技术价值，广泛应用于电商、金融、物联网等领域的业务监控与决策分析。本文聚焦于一个典型的实战场景：基于Vue3前端框架和ECharts图表库，构建一个展示年度商品上架数量变化的交互式折线图。该场景完整串联了从后端数据聚合、RESTful API设计到前端组件化开发、图表配置优化及

weixin_33519829的博客 333

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

com组件的ref有时需要有时不需要?_vue 组件通信看这篇就够了(12种通信方式)

vue 组件间的通信是 vue 开发中很基础也十分重要的部分，作为使用 vue 的开发者每天都在使用。同时，vue 通信也是面试中非常高频的问题，有很多面试题，都是围绕通信展开。本文会介绍常见的通信方式，并分析每种方式的使用场景和注意点。vue中提倡单向数据流，这是为了保证数据流向的简洁性，使程序更易于理解。但对于一些边界情况，vue也提供了隐性的通信方式，这些通信方式会打破单向数据流的原则，应该...

weixin_42402664的博客 234

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

vue面试题目|MVVM、MVC、MVP,数据劫持

目前一个日常实习在走流程，六月中旬学校放假，这段时间可以投其他的公司吗，暑假想去大城市实习，大家实习。19号一面的，但隔了快一周25号才发二面通知，26号二面完，是不是排名有点低，后面再过几天就是五一了。专升本，gap一年，非全双非硕，零实习，秋招 0offerbuff 真的叠满了最近终于有了一个大厂。中建三局，宁德时代，科锐国际（计算机类），途游游戏，得物，蓝禾，顺丰，康冠科技24春招内推①得物【岗。uu们，毕业论文盲审两个b通过了，有一个意见是说我的模型虽然指标上升，但是没有考虑复杂度的问题，针对。

2301_79125431的博客 1592

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SpringBoot+Vue小区团购平台毕设源码深度解析与踩坑指南

在前后端分离架构成为主流开发范式的今天，SpringBoot与Vue的组合以低配置成本和高工程化效率，成为中小型Web项目与毕业设计的热门选择。其核心原理在于后端通过内嵌容器与自动配置简化集成，前端借助组件化机制实现页面复用，配合JWT认证保障接口安全。这种架构尤其适合小区团购这类多角色、强交互场景：平台、团长、业主三方角色需要清晰权限边界，订单状态流转与数据看板依赖严谨的后端建模。本文围绕SpringBoot+Vue小区团购管理平台源码，从业务建模、表结构设计、环境搭建到订单状态机与常见跨域问题，逐一拆解

weixin_34293246的博客 447

Python+Vue3构建智能健康饮食管理系统实战

现代软件开发中，前后端分离架构已成为主流技术方案。Python凭借Django等成熟框架在后端开发中展现出高效的数据处理能力，而Vue3的Composition API则大幅提升了前端复杂交互的开发效率。在健康管理领域，通过RESTful API与WebSocket的结合使用，既能保证数据稳定性，又可实现实时交互功能。本文以智能饮食管理系统为例，详细解析如何利用OCR识别技术实现食材智能录入，基于Pandas构建营养分析引擎，并采用ECharts进行数据可视化展示。系统特别针对食材过期预警、营养均衡分析等实

weixin_42433737的博客 70

MiniMax M2.7 自进化AI使用指南：任务分解、执行评估与目标重定义

自进化AI并非玄学概念，而是基于任务空间重构、执行路径诊断与目标函数动态重定义三层可验证技术实现的认知代理。它突破传统大语言模型的被动响应范式，具备在编程、数据处理、工程仿真等场景中自主识别瓶颈、生成假设并闭环优化的能力。这类系统依赖对真实工作流的深度建模，强调可观测性、可干预性与因果推断能力，适用于需要持续迭代与强逻辑验证的办公自动化、全栈开发及专业分析任务。MiniMax M2.7 正是这一范式的首个工程化落地代表。

aikenqiu5098的博客 339

躬身入局,干货分享,2023年春招后端技术岗(Python)面试实战教程,Offer今始为君发

早春二月，研发倍忙，杂花生树，群鸥竟飞。为什么？因为春季招聘，无论是应届生，还是职场老鸟，都在摩拳擦掌，秣马厉兵，准备在面试场上一较身手，既分高下，也决Offer，本次我们打响春招第一炮，躬身入局，让2023年的第一个Offer来的比以往快那么一点点。

刘悦的技术博客 662

上一篇： reactjs设计架构---Flux 从愣逼到哇哦

下一篇： java methodhandle--反射升级版方法句柄demo

戏曲文化传播系统毕设实战：SpringBoot+Vue前后端分离全解析

weixin_33862993的博客

09-08

392