vue
文章平均质量分 50
Marktubbu
你对所学东西理解深度,决定了你所站的高度
展开
-
Do not access Object.prototype method ‘hasOwnProperty‘ from target object
Do not access Object.prototype method 'hasOwnProperty' from target object编写代码的时候,使用了eslint:let obj = {};obj.hasOwnProperty('xxx');此时会显示标题错误。大概的意思的:不要使用对象原型上的方法。因为原型的方法可能会重写。解决方法object.property.hasOwnProperty.call(obj,'属性')ECMAScript 5.1.原创 2021-03-04 13:20:29 · 402 阅读 · 2 评论 -
移动端 vue 3d轮播使用
安装npm install -S vue-carousel-3d调用1、全局注册,main.jsimport Vue from 'vue'import Carousel3d from 'vue-carousel-3d'Vue.use(Carousel3d2、在组件中局部注册import { Carousel3d, Slide } from "vue-carousel-3d";export default { components: { Carousel3原创 2021-03-01 14:14:09 · 668 阅读 · 0 评论 -
vue 前端页面无操作时,执行某些操作
需求:用户长时间不再操作电脑的时候,应该给用户自动退出系统,这样可以防止有别人使用电脑操作上一个用户的数据。或用户长时间不操作,隐藏鼠标等。思路监听鼠标移动以及键盘操作。 设置timer,timer到达指定值后进行跳转并提示。 开启timer并且关闭timer实现设定一个计数值,利用js原生的事件,对鼠标,键盘进行监听,如果一有触发的鼠标,键盘的话,就将计数值清零,否则,计数值一直累加,当累加到一个目标值,即那个无操作退出系统的时间就可以触发退出系统函数。data () {..原创 2021-02-24 10:07:09 · 1618 阅读 · 0 评论 -
当路由从hash改history时,出现奇怪的问题,没办法正常使用路由
问题:当路由从hash改history时,出现奇怪的问题,没办法正常使用路由总结:代理设置入图scrm不要和路由配置相同原创 2021-01-21 19:46:29 · 329 阅读 · 0 评论 -
H5 下拉加载更多(模拟微信聊天记录)
前言前段时间用H5实现一个实时聊天的功能。发现很难实现像微信聊天记录一样下拉加载更多记录。市面上大部分的 Web 项目实现的效果都是上拉加载,下拉刷新。下拉加载更多很少见,下拉在加载数据方面与上拉是一样的,但是如何做到像微信聊天记录一样,下拉之后还是保留在原有的位置就需要思考一下了。下拉与上拉区别下拉与上拉在加载数据上面基本一致,但是因为方向不同,所以也存在以下不同之处。上拉是将数据加载到原数据后面,所以用的是数组拼接 concat 方法。而下拉是将数据添加到原数据前面,所以需要使用 uns原创 2021-01-15 13:25:48 · 2118 阅读 · 1 评论 -
在vue.js中实现a标签href tel的打电话功能
在vue.js中实现a标签href tel的打电话功能 div v-for="p in persons"> <p> name: {{ p.name }} </p> <p> //正确做法,拼接字符串 tel: <a :href="'tel:' + p.phone">call me</a> </p> </div> ...原创 2020-12-18 13:46:47 · 903 阅读 · 0 评论 -
van-pull-refresh 于van-list 或者自动滚动冲突时
1 第一次遇到的问题是van-pull-refresh 于van-list 之间发生了滚动冲突 ,当滑动时直接刷新2 第一次遇到van-pull-refresh 没有使用van-list 结果还是发生了冲突总结冲突和van-list没关系然后解决方案就是讲van-pull-refresh 放在你可以滑动div如图中间可以滚动如图嵌套即可...原创 2020-12-17 14:04:20 · 1479 阅读 · 0 评论 -
axios ajax vue 封装axios get post put 等
import axios from 'axios';import { getCookie } from '../api/cookies'import {getQueryString} from '../api/unit' const instance = axios.create({ timeout: 5000, baseURL:'', withCredentials: true, headers: {token: getCookie('token')}});.原创 2020-12-02 13:08:58 · 1274 阅读 · 7 评论 -
vue-router导航守卫,不懂的来
最近有段时间没有更新文章,因为在做一个小项目,nodejs+express+vue+vue-router+vuex+element-ui...作为vue知识巩固练习,欢迎star(项目地址:zxcweb/node-express)。废话不多说,开始我们的内容:1.导航守卫是什么官方这么说:正如其名,vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。好吧,看不懂,就好(当)好(废)理(话)解(吧)下。其实,导航守卫就是路由跳转过程中的一些钩子函数,再直白点路由跳转是一原创 2020-11-26 16:03:53 · 138 阅读 · 0 评论 -
Vue手把手教你撸一个 beforeEnter 钩子函数
为什么要自造beforeEnter钩子函数?看下问题场景:项目中有一单词列表页面,每个cell都会备注该单词是否已经掌握,点击cell进入详情页,可对该单词进行学习,并标记单词是否掌握,并且在详情页面中也可以通过点击前进 后退 按钮学习其他的单词。所以但我点击返回时,单词列表要展示所有单词用户掌握的最新情况。最终的页面关系是这样的: wordListPage ——> wordDetail (对一系列单词进行学习,退出)——> wordListPage(刷新单词列表)对于上面的场原创 2020-11-26 16:02:41 · 1206 阅读 · 0 评论 -
企业微信调用api 提示不是founction时
企业微信调用api 提示不是founction时wx.invoke('xxx', {}.....应该嵌套在 ready中使用wx.ready(function () {wx.invoke('xxx', {}.....』)原创 2020-11-23 14:50:07 · 301 阅读 · 0 评论 -
移动端适配-(postcss-pxtorem)
基于vue+vant的移动端适配(rem)1.下载lib-flexible --savenpm i lib-flexible --save2.在main.js中引入lib-flexiblemain.jsimport 'lib-flexible/flexible'3.设置meta标签<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-s原创 2023-11-21 13:39:06 · 251 阅读 · 0 评论 -
[Vue warn]: Error in event handler for “el.form.blur“: “TypeError: callback is not a function“解决
allback的简单理解调用一次callback相当于调用一次函数,比如:function f(x) { console.log(x)} function testCallBack(callback) { //关键字callback,表示这个参数不是一个普通变量,而是一个函数 const reg = /^[1-9]*[0-9]?(\\.[0-9]*)?$/; if(value==''||value==undefined||value==null){ callback();/原创 2020-11-19 17:52:37 · 3818 阅读 · 0 评论 -
element表单校验的一个坑 this.$refs[xxx].validate is not a function
element表单校验的一个坑 this.$refs[xxx].validate is not a functionthis.$refs[data][0].validate((valid) => 这个[0]需要加上原创 2020-11-19 17:50:55 · 1572 阅读 · 1 评论 -
vue axios response 失败拦截
最开始认为失败没走拦截 成功走了instance.interceptors.response.use(response => { // dataAxios 是 axios 返回数据中的 data const dataAxios = response; // 这个状态码是和后端约定的 const CODE = dataAxios.data.code; // 根据 code 进行判断 if (CODE === undefined) { .原创 2020-08-03 18:44:35 · 1453 阅读 · 0 评论 -
vue项目富文本编辑器vue-quill-editor之自定义图片上传
使用富文本编辑器的第一步肯定是先安装依赖 npm ivue-quill-editor1、如果按照官网富文本编辑器中的图片上传是将图片转为base64格式的,如果需要上传图片到自己的服务器,需要修改配置。 创建一个quill-config.js的文件,里面写自定义图片上传。代码如下/*富文本编辑图片上传配置*/const uploadConfig = { acti...原创 2019-10-18 11:00:09 · 375 阅读 · 0 评论 -
vue router-link事件
初用vue router-link事件点击不一起作用 使用v-on:click.native 就可以了 <router-link to="" class="lgs_asms" v-on:click.native="getYzm">获取验证码</router-link>...原创 2018-06-25 15:50:18 · 413 阅读 · 0 评论 -
vue 数组 对象 覆盖 拷贝 对组对象去重
当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),如下数组:var a = [1,2,3];var b = a;b.push(4); // b中添加了一个4alert(a); // a变成了[1,2,3,4]对象:var obj = {a:10};var obj2 = obj;...原创 2019-04-01 14:08:49 · 2140 阅读 · 0 评论 -
解决VUE组件内不能更改第三方插件样式
深度作用选择器( >>> )严格来说,这个应该是vue-loader的功能。”vue-loader”: “^12.2.0”在项目开发中,如果业务比较复杂,特别像中台或B端功能页面都不可避免的会用到第三方组件库,产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用的是有作用域的CSS,父组件想要定制第三方组件的样式就比较麻烦了。深度作用选择器( >>&...原创 2019-04-02 15:16:29 · 846 阅读 · 0 评论 -
vue列表如何同时带条件地绑定两个class属性?
最初用的|| 导致前面执行 后面未执行class 添加多个判断原创 2019-04-03 15:12:09 · 1018 阅读 · 0 评论 -
element+vue + 神器
https://panjiachen.github.io/vue-element-admin/#/example/create原创 2019-04-26 14:30:15 · 671 阅读 · 0 评论 -
解决vue打包之后部分css不生效问题
用vue的脚手架做前端开发的时候,本地开发所有的样式都能生效,但是打包之后就会有部分样式失效,且在浏览器中无法找到该css属性。解决办法如下:首先注释掉webpack.prod.config.js中,下面的代码这个插件的作用是为了消除来自不同组件之间可能重复的css的。然后在utils.js中添加,minimize:true以上就不会出现无效的css了。我遇到的问题...原创 2019-05-06 09:16:53 · 1971 阅读 · 0 评论 -
lodop web打印 vue项目 无预览直接打印
封装 LodopFuncs.jsvar CreatedOKLodop7766=null;//====判断是否需要安装CLodop云打印服务器:====export function needCLodop(){ try{ var ua=navigator.userAgent; if (ua.match(/Windows\sPhone/i) !=nu...原创 2019-07-11 12:25:01 · 3409 阅读 · 2 评论 -
vue + elementUi 导航组件,在进入子路由时怎样保持导航的激活状态
原创 2019-08-19 11:31:07 · 1059 阅读 · 0 评论 -
vue 改端口问题
记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目,端口号默认是8080,可是不想用8080做项目的端口号怎么办?? 找到项目对应的 config 文件夹里的 index.js ,此时可以看到项目配置了 port:8080 当该为端口为8088 时 运行还是端口 8080解决方案 端口原创 2017-05-26 11:30:52 · 742 阅读 · 0 评论