• vue 封装 Adminlte3组件的实现
• 之前找了一下vue关于adminlte3的组件库，github大部分都是2的。比较老了，都是几年前更新的。有adminlte3的，但是都只封装了一两个组件，而且居然还引入jq，然后一股脑把adminlte3的html代码复制进去，这样就成了一个组件。感觉没啥用。感觉是那些作者在练手。vue引入jq我...
• 日期：2023-01-30
• 浏览：217
• 标签： Vue

---

• Vue基于iview实现登录密码的显示与隐藏功能
• iview简介iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。1.背景近期，在使用abp开发项目过程中，前端vue输入登录密码时默认隐藏，但是如果用户输错密码需要切换显示跟隐藏。故有此文。2.实现最终效果2.1 隐藏密码2.2 显示密码显示密码需要点击...
• 日期：2023-02-03
• 浏览：191
• 标签： Vue

---

• 解决vue无法侦听数组及对象属性的变化问题
• 一、数组1、可以监听到的情况如push、splice、=赋值（array=[1,2,3]）2、无法监听到的情况使用下标修改某个元素（这种比较常见）array[index] = 1object.a = 3直接修改数组lengtharray.length = 53、解决方案this.$set(array...
• 日期：2023-01-06
• 浏览：17
• 标签： Vue

---

• vue select 获取value和lable操作
• vue select控件在选择时需要把id和name两个值都获取到，实现方案如下：select控件代码 <FormItem label='物资类型：' prop='supplyType'> <Select v-model='detailData.supplyType' :label...
• 日期：2022-12-03
• 浏览：207
• 标签： Vue

---

• vue项目中自定义video视频控制条的实现代码
• 最近公司项目中，添加了视频模块，但是产品觉得Video自带的控制条有点LOW，于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。首页效果图：需求描述：当鼠标放在图片上的时候，自动播放视频，并显示预览进度条，当鼠标移开，显示预览图片，再次hover图片，继续上次播放视频详情页的效果图： ...
• 日期：2023-01-24
• 浏览：177
• 标签： Vue

---

• Vue CLI4 Vue.config.js标准配置(最全注释)
• 前言：Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。安装npm i -d vue-cli-configjs// v...
• 日期：2023-01-15
• 浏览：170
• 标签： Vue

---

• vue和H5 draggable实现拖拽并替换效果
• 前言公司项目需要做拖拽替换效果，本人用的vue框架。在网上找了很多资料都是用的 Vue.Draggable(git地址)。但这个组件实现的拖拽后插入效果，我倒腾了很久也没有替换效果(如果Vue.Draggable能实现拖拽替换效果的话请大神给我留言)。JQ有实现拖拽的插件，我下载过一个插件并看过源码...
• 日期：2022-12-24
• 浏览：75
• 标签： Vue

---

• vue prop传值类型检验方式
• prop 传值检验规则如果是 prop 是静态传值，则必须是 String 类型如果是 prop 是动态传值，则可以验证任意类型示例，如果必须要传一个Number，就必须使用 bind//声明Vue.component('blog-post', { props: { postTitle: { ...
• 日期：2022-12-23
• 浏览：14
• 标签： Vue

---

• Vue使用CDN引用项目组件，减少项目体积的步骤
• Vue项目打包后有的文件动辄几百KB或几M，这对一个前端项目的加载无疑是致命的。当你的服务器部署在阿里云或亚马逊，每秒只有100kb的加载速度时，页面的载入速度绝对让你崩溃。那么有什么办法可以在依旧是100kb/s的加载速度下让我们的页面快起来呢？CDN算是其中之一的解决办法。首先，我们要明白为什么...
• 日期：2022-11-08
• 浏览：18
• 标签： Vue

---

• vue组件中节流函数的失效的原因和解决方法
• 今天使用节流函数的时候遇见了一个问题，搞了半天才找到原因，所以在这里做个总结。节流函数浏览器的一些事件，如：resize，scroll，mousemove等。这些事件触发频率太过频繁，绑定在这些事件上的回调函数会不停的被调用，加重浏览器的负担，导致用户体验非常糟糕。所以先贤们发明了节流函数，简单版本...
• 日期：2022-10-22
• 浏览：294
• 标签： Vue

---