![](https://img-blog.csdnimg.cn/20200604090817571.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue
foxhuli229
这个作者很懒,什么都没留下…
展开
-
vue 仿浏览器关键词高亮定位搜索
一个防浏览器进行关键搜词搜索高亮定位功能;原创 2022-10-24 16:40:29 · 1472 阅读 · 1 评论 -
Vue.directive 自定义指令 el-tooptip 提示框
该指令主要实现el-tooptip提示框自适应内容宽度是否溢出父元素, 且只有在当前元素宽度溢出父元素的情况下才回显示el-tooltip安装对应的vue项目依赖安装element-ui 中的 Tooptip依赖;原创 2022-10-08 10:58:05 · 808 阅读 · 0 评论 -
Element 之DatePicker 时间选择器 时间限制(精确到时分秒)
结合vue2.x语法,对elementUI时间控件进行 精确到时分秒的时间限制。html <el-form-item label="监测时间" prop="monitorTime"> <el-date-picker v-model.trim="detailData.monitorTime" :picker-options="pickerOptions" type="datetime"原创 2021-02-03 16:57:40 · 20643 阅读 · 11 评论 -
vue破图处理
问题描述按道理前端拿到接口返回的图片地址,直接进行显示,若该图片已经不存在或者被损坏,则会导致前端以“破图”方式显示。例如:但是现目前的需求是,若出现“破图”则采用系统默认的图片显示。解决方法故此需要更改其代码,实现该功能。因为 img出现破图,则会触发error事件,则我们可以对该事件,进行src配置。代码如下:<img :src="base_apiUrl+item.articleImage" @click="goNewsDetails(item)" @error.once="mo原创 2020-09-08 11:13:29 · 2531 阅读 · 0 评论 -
vue 动态更改路由参数
需求描述要求点击 地区下拉,动态更改 路由的name和id参数。效果图实现步骤安装依赖npm install webpack-merge在main.js 文件中注册 merge//动态更改路由参数import merge from 'webpack-merge';Vue.prototype.$merge = merge在需要的页面使用该功能 let name = data.name; let id = data.AreaId; //判断是否重复点击地区,避免报错 if (原创 2020-08-21 09:36:31 · 1991 阅读 · 0 评论 -
svg封装
svg封装文章目录svg封装1. 安装依赖2. 将svg文件放入项目中3. vue-cli 2.x 配置4. vue-cli 3.x配置5. 在src/components 创建 icons 文件 创建 SvgIcon.vue文件6.在 components/icons/svg 下创建index.js7. 在 ```main.js```中引用svg8. 使用 svg 组件9. 效果图1. 安装依赖npm install --save-dev svg-sprite-loader2. 将svg文件放入原创 2020-05-25 09:38:35 · 432 阅读 · 0 评论