vue
小小川呀
这个作者很懒,什么都没留下…
展开
-
Vue2项目中使用AntV X6 自定义节点绘制组织树
Vue2项目中使用AntV X6 自定义节点绘制组织树。原创 2022-11-03 16:15:39 · 3446 阅读 · 2 评论 -
electron 获取本地Ip和Mac
原理:调用node.js的os.networkInterfaces()返回的对象上的每个键都标识了一个网络接口。 关联的值是一个对象数组,每个对象描述了一个分配的网络地址。var os=require("os");var mac = ''var networkInterfaces=os.networkInterfaces();for(var i in networkInterfaces){ for(var j in networkInterfaces[i]){ if(n原创 2022-05-30 17:32:06 · 3246 阅读 · 0 评论 -
el-cascader改装后的级联选择器,父关联子,子不关联父
<!-- 改装后的级联选择器,父关联子,子不关联父--><template> <div> <el-cascader filterable ref="myCascader" :options="options" v-model="vop" :show-all-levels="false" collapse-tags @change="handleChange" :props="{children: 'children',label: 'name',原创 2022-02-18 09:12:53 · 1154 阅读 · 0 评论 -
Echarts自动滚动效果(划入停止,划出滚动)
基本思路分析:echarts 实现自动滚动效果,实现思路是利用echarts中option中的dataZoom属性,用定时器控制dataZoom中endValue和startValue变化,每次dataZoom变化都需要setOption重新渲染图表。<template> <div @mouseenter="mouseoveAl" @mouseleave="mouseleaveAl" ref="echarts_sevenWG" id="echarts_sevenWG"> .原创 2021-11-26 14:31:59 · 2397 阅读 · 0 评论 -
Vue 打包上线去除console控制台打印
安装插件 npm install babel-plugin-transform-remove-console安装完成后 在babel.config.js 加入代码 //在打包的时候,加入移除控制台输出插件 plugins: [ 'transform-remove-console' //新增配置项 ]需要打印就把它注释掉就可以。...原创 2021-04-18 14:16:35 · 403 阅读 · 0 评论 -
vue自定义指令限制字符串输入特殊字符
vue自定义指令限制字符串输入特殊字符1.创建js文件 引入vue和elementui弹出框import Vue from "vue";import DonMessage from '@/utils/resetMessage.js'; //elementUI弹出框2.注册全局自定义指令import Vue from "vue";import DonMessage from '@/utils/resetMessage.js';Vue.directive("filterSpecialCha.原创 2021-04-02 17:13:45 · 1078 阅读 · 0 评论 -
vue elementUI防止重复点击重复弹出message弹框
重置message 防止重复点击重复弹出message弹框// message.jsimport { Message } from 'element-ui' //引入message弹出框const showMessage = Symbol('showMessage')class DonMessage { success (options, single = true) { this[showMessage]('success', options, single) } warn.原创 2021-04-02 17:07:25 · 678 阅读 · 0 评论 -
echarts进行分辨率适配文字适配
echarts进行分辨率适配echarts根据屏幕宽度进行宽度适配这样就可以根据屏幕宽度进行大小适配了。下面这行代码可以根据浏览器分辨率大小进行文字适配 fontSize(res){ let docEl = document.documentElement, clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; if原创 2021-04-01 09:52:39 · 1274 阅读 · 0 评论 -
vue实现pc端分辨率适配
npm i lib-flexible -S原创 2021-04-01 09:36:28 · 769 阅读 · 0 评论 -
Vue跨域的3种方法
撒大声地原创 2019-12-23 14:55:52 · 3965 阅读 · 0 评论 -
Vue.nextTick的原理和作用
异步Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"...原创 2019-12-23 14:11:03 · 314 阅读 · 0 评论 -
如何给路由设置样式
在页面中我们需要定义样式和类名然后我们需要在router-link标签上加上active-class最后在你的路由表里面配置一个叫 linkActiveClass:‘类名’这样就可以切换路由样式布局布的有点丑,不要在意这些细节…...原创 2019-12-16 19:09:23 · 603 阅读 · 0 评论