
vue.js
走_开
这个作者很懒,什么都没留下…
展开
-
mockjs在vue项目中使用
项目中引入npm install mockjs在main.js中引入// mockjsif(process.env.NODE_ENV === "development") { require("./mock");}在src文件夹下创建mock文件夹,并创建index.js文件import Mock from "mockjs";// URL中共同地址段const baseURL = "/api/kpiManBack";Mock.mock(baseURL + "/coreWorks"原创 2021-10-16 11:29:49 · 736 阅读 · 0 评论 -
vue3中使用ts全局声明文件
1、创建全局声明文件globle.d.ts(模板样例),注意:文件必须是以(.d.ts)结尾;关键字declare;declare const NUM = 10;2、文件存放位置,在src目录或者src下的其他目录,一般新建types目录,将所有下声明文件放在其目录下3、使用,这里要注意,在vue文件中不能使用,只能在ts文件中使用。...原创 2021-07-19 11:32:07 · 12256 阅读 · 6 评论 -
vue3引入全局less Variables和Mixins
一、首先在src/less文件夹下新建variables.less和mixins.less两个文件1、variables.less文件@primary: red;@bg: blue;.tt-test { color: @primary; background-color: @bg;}2、mixins.less文件/** * @description: 文本溢出(多行) * @param {number} lineNumber 文本溢出的行数 */.more(@lin原创 2020-12-26 09:45:45 · 2130 阅读 · 0 评论 -
vue子组件echarts图表resize问题
1、父组件和单个子组件中使用window.onresize问题子组件中的会没有作用,解决办法:在子组件中使用addEventListener("resize",callback)替代(可参考https://blog.youkuaiyun.com/believet93/article/details/107255405)2、父组件和多个子组件时,方案1的办法也不能奏效解决办法:在父组件中监听window.onresize方法,并设置一个变量(resize),然后在子组件中监听变量(resize)的变化/原创 2020-11-04 11:47:39 · 3428 阅读 · 0 评论 -
vue2中使用less,添加全局less样式文件
一、vue2中安装less并使用1. 安装依赖包npm install less less-loader@5 --save-dev注意:请使用less-loader@5安装less-loader 5.0.0版本,最新版本在vue2中可能无法使用,会报错哦2、在style标签中添加lang="less"就可以使用less了<template> <div class="hello"> <h1>Welcome to Your Vue.js A原创 2020-10-29 10:29:04 · 7227 阅读 · 1 评论 -
10个Vue开发技巧
https://mp.weixin.qq.com/s/xjmv86HwWOP5LlfbfdYZ5w转载 2020-09-07 11:23:04 · 316 阅读 · 0 评论 -
websocket封装,有心跳和断开重联功能
一、新建文件夹websocket,在文件夹中新建index.js文件。index.js文件如下import store from '../store'const socket = { $ws: null, // websocket对象 lockReturn: false, // 重连锁 timeout: 60 * 1000 * 5, // 5分钟重连 timeoutObj: null, // setInterval()定时器id timeoutNum: null, //原创 2020-08-27 11:45:59 · 625 阅读 · 1 评论 -
vue.js移动端touch事件左右滑动与uc浏览器冲突的解决办法,并解决滑动页面有垂直滚动条时无法滚动的问题
主要在touchmove事件中阻止事件的默认行为,if(disX > disY) {e.preventDefault()}事件是关键。另外,如果子元素中不存在滚动条的话,是可以直接在touch事件后加 .prevent 的,而不用在touch事件处理方法中去阻止默认事件。<div @touchstart="start($event,key)" @touchmove="move($event,key)" @touchend="end($event,key)" ref="tab原创 2020-08-27 09:41:21 · 2152 阅读 · 0 评论