
vue前端
郅菇凉
我把博客当笔记,要是能帮到别人算是意外之喜
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue搜索关键词高亮前端效果
一、实现效果二、html(简单版)内容要用v-html展示 <div v-for="(item, index) in searchRe" :key="index" v-show="showList" style="margin-bottom:38px" > ...原创 2020-05-06 14:45:05 · 779 阅读 · 0 评论 -
使用eventBus.$on事件重复执行问题
一:问题在写移动账户注册的时候有一个验证会从注册页面A跳转到另一个B去验证,验证完之后拿到验证码再次回到页面A并且传回拿到的结果再请求接口,结果跳回A的时候发现接口第一次请求一次,第二次求情两次,以此类推二:原因只要页面没有强制刷新,存在组件切换,eventBus.$on方法会被多次绑定,造成事件多次触发,这个跟vue寿命周期有关,eventBus.$on方法需要手动清除三:解决方...原创 2020-03-26 17:35:51 · 3319 阅读 · 0 评论 -
vue文字无缝滚动插件vue-seamless-scroll
(1)安装执行命令npm install vue-seamless-scroll --save(2)在main.js文件里面引入使用:import scroll from 'vue-seamless-scroll'Vue.use(scroll)(3) 实例<template> <vue-seamless-scroll :data="listDat...原创 2020-01-13 16:01:02 · 2747 阅读 · 1 评论 -
vue 使用clipboard实现移动端一键复制
(1)执行命令,我是镜像npm cnpm install clipboard --save(2) main.js中加import clipboard from 'clipboard';Vue.prototype.clipboard = clipboard;(3) .vue文件 <yd-cell-group> <yd-cell-...原创 2019-12-31 13:43:50 · 720 阅读 · 3 评论 -
ElementUI/vue router连续点击多次路由报错解决方法
NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/produce/delivery-order") is not allowed", stack: "Error↵at new Navig...原创 2019-12-18 14:25:36 · 668 阅读 · 0 评论 -
vue写的tab切换函数
<li v-for="(subGroup, index) in group.dataList" :key="index" v-on:click="tab(index)"> <span>{{ subGroup.NAME }}</span> </li><ul v-原创 2019-01-15 17:36:23 · 364 阅读 · 0 评论 -
vue-cli搭建脚手架(是需要有一定基础的,不包括node等安装)
1.cd到你要建立文件的目录下:npm install -g vue-cli(如果是淘宝镜像命令开头就都加c) 2.依赖webpack建立项目: vue init webpack3.使用vscode打开文件,ctrl+~这个键调出命令行终端输入npm install4.运行 npm run dev 饥渴...原创 2018-08-30 16:56:55 · 654 阅读 · 0 评论 -
vue-cli过滤器filter全局引入
1.新建一个filter文件夹 > index.js,详情看图2. 然后在main.js里引入filtersimport * as filters from './filters' // global filters// register global utility filters.Object.keys(filters).forEach(key => { ...原创 2018-08-23 10:37:44 · 3193 阅读 · 0 评论 -
vue鼠标划过移入移出触发函数
<ul>> <li class="" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)"></li></ul>methods:{ // 鼠标移入加入class changeActiv原创 2018-08-01 13:53:29 · 15353 阅读 · 0 评论 -
VUE背景图片路径拼接
<a class="new_onLine_one" v-for="(brand,index) in imgList " :key="index"> <div class="fl rank_img" v-bind:style="{ 'background-image': 'url(' + brand.src+ ')' }"> &am原创 2018-08-01 13:49:39 · 2995 阅读 · 0 评论 -
vue验证码倒计时
<li><input class="yzm" type="text" placeholder="请输入短信验证码"> <input v-show="sendAuthCode" type="button" class="sends" id="send1&q原创 2018-07-31 18:05:29 · 226 阅读 · 0 评论 -
vue获取dom元素
<div class="firstOpeart" style="display: block;" @click="addStyle" ref="openText"> <span class="opeart">展开</span> </div>methods:{ addS原创 2018-07-30 20:05:05 · 4456 阅读 · 0 评论 -
vue2 设置router-view默认路径
原创 2018-07-30 15:09:45 · 5144 阅读 · 0 评论 -
vue input,textarea失去焦点调用函数方法
<input type="number" class="num" value="1" @blur.prevent="changeCount()"> methods:{ changeCount:function(){ },}原创 2018-07-30 14:19:17 · 33457 阅读 · 0 评论