![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
郅菇凉
我把博客当笔记,要是能帮到别人算是意外之喜
展开
-
Cannot read property ‘slice‘ of undefined“ found in
[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined" found in 在页面中使用slice, 页面报错,报错原因 是由于数组对象未定义或为null 引起的,所以查看获取数据的接口是否请求到了数据。 因为加载顺序(生命周期)的问题导致先执行的时候为空,做个空数据就好了(typeIdPro.sysqalist || '') ...转载 2021-08-13 14:20:15 · 780 阅读 · 0 评论 -
vue中使用定时器setInterval
vue中使用定时器setInterval this.timer=setInterval(this.fetchData,1000); clearInterval(this.timer); beforeDestroy(){ clearInterval(this.timer); },原创 2021-01-07 17:20:23 · 2907 阅读 · 0 评论 -
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 · 699 阅读 · 0 评论 -
使用eventBus.$on事件重复执行问题
一:问题 在写移动账户注册的时候有一个验证会从注册页面A跳转到另一个B去验证,验证完之后拿到验证码再次回到页面A并且传回拿到的结果再请求接口,结果跳回A的时候发现接口第一次请求一次,第二次求情两次,以此类推 二:原因 只要页面没有强制刷新,存在组件切换,eventBus.$on方法会被多次绑定,造成事件多次触发,这个跟vue寿命周期有关,eventBus.$on方法需要手动清除 三:解决方...原创 2020-03-26 17:35:51 · 3143 阅读 · 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 · 2571 阅读 · 1 评论 -
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 · 315 阅读 · 0 评论 -
vue-cli搭建脚手架(是需要有一定基础的,不包括node等安装)
1.cd到你要建立文件的目录下:npm install -g vue-cli(如果是淘宝镜像命令开头就都加c) 2.依赖webpack建立项目: vue init webpack 3.使用vscode打开文件,ctrl+~这个键调出命令行终端输入npm install 4.运行 npm run dev 饥渴...原创 2018-08-30 16:56:55 · 609 阅读 · 0 评论 -
vue-cli过滤器filter全局引入
1.新建一个filter文件夹 > index.js,详情看图 2. 然后在main.js里引入filters import * as filters from './filters' // global filters // register global utility filters. Object.keys(filters).forEach(key => { ...原创 2018-08-23 10:37:44 · 3142 阅读 · 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 · 15299 阅读 · 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 · 2951 阅读 · 0 评论 -
vue v-for循环回来的数据动态绑定id
代码效果图!!!!! <ul> <li v-for="(site,index) in sites" :key="index" :id="forId(index)"> <span class="channel-li-li-border"> <span class="firstLevel">原创 2018-07-28 13:26:57 · 24618 阅读 · 4 评论 -
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 · 191 阅读 · 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 · 4413 阅读 · 0 评论 -
vue2 设置router-view默认路径
原创 2018-07-30 15:09:45 · 5035 阅读 · 0 评论 -
vue input,textarea失去焦点调用函数方法
<input type="number" class="num" value="1" @blur.prevent="changeCount()"> methods:{ changeCount:function(){ }, }原创 2018-07-30 14:19:17 · 33328 阅读 · 0 评论 -
Vue实现动态显示textarea输入文字数量
效果图 <div class="applyInput cb mt3"> <textarea placeholder="请输入" maxlength="500" @input="descInput" v-model="desc" /> <span class="numberV">{{tx原创 2018-07-30 13:31:54 · 15886 阅读 · 0 评论