vue
microcosm1994
这个作者很懒,什么都没留下…
展开
-
vue-cli-plugin-electron-builder 获取electron中的remote模块
vue-cli-plugin-electron-builder 默认禁止fs模块读取文件,在vue.config.js中添加:module.exports = { pluginOptions: { electronBuilder: { nodeIntegration: false, // 启用fs // List native deps here if they don't work externals: ['my-native-dep'原创 2021-01-20 14:35:16 · 1171 阅读 · 0 评论 -
Vue typeScript: Could not find a declaration file for module ‘***‘. ‘***‘ implicitly has an ‘any‘...
在项目根目录下的tsconfig.json添加"compilerOptions": { "noImplicitAny": false }noImplicitAny如果我们没有一些值设置明确类型,编译器会默认认为这个值为any类型,如果将noImplicitAny设为true,则如果没有设置明确的类型会报错,默认值为false...原创 2021-01-20 10:14:20 · 849 阅读 · 0 评论 -
使用vue+golang+mysql写一个即时聊天、多人视频的项目
项目为学习golang的一个新手项目,功能包括短信登陆、注册、添加好友、修改备注、创建群组、加入群组、好友即时聊天、视频聊天、群组聊天、多人视频等功能前端:vue、element-ui、vue-socket、webrtc后端:beego、mysql、socket.io、swagger服务器:nginx、STUN/TURN穿透前端项目地址:https://github.com/microcosm1994/chatApp-vue后端项目地址:https://github.com/microcosm19原创 2020-06-12 14:42:38 · 2357 阅读 · 7 评论 -
element table 分页记忆选中
分页记忆选中,代码有注释。vue<template> <div> <el-table ref="multipleTable" :data="tableData" border stripe :header-cell-style="tableStyle" size="mini" v-loading="isloading"原创 2020-06-09 16:39:09 · 514 阅读 · 1 评论 -
vue二次封装axios
vue项目src目录结构axios.js错误拦截、登陆权限验证、请求参数序列化、请求基本配置import axios from 'axios'import Config from './config'import cookies from 'js-cookie'import router from '../router'export default function $axios...原创 2019-11-08 16:48:29 · 228 阅读 · 0 评论 -
vue自定义指令实现节流函数,全局注册自定义指令。
新建一个js文件// directive.jsexport default { // 自定义指令节流函数 antiSnake: { timing: 1000, // 默认设置间隔1000毫秒 // 自定义指令中钩子函数 bind: (el, binding) => { if (binding.value) { this.timing = binding.va...原创 2019-10-24 14:38:48 · 1970 阅读 · 2 评论 -
vue3.0解决跨域
原文地址:vue-cli3.0项目使用proxy跨域通过vue-cli3.x版本构建的项目使用proxy和以前的项目不同,而且3.x版本构建的时候可以选用typescript了。下面记录一下如何使用proxy跨域。首先在根目录创建vue.config.js文件,这个配置文件在运行项目的时候自动加载。// vue.config.jsmodule.exports = { devServer...转载 2019-07-15 15:57:54 · 5278 阅读 · 0 评论 -
vue全局注册使用过滤器
html中使用<label>实时时间</label><input type="text" v-bind:value="Real_time | timeFormat" disabled>过滤器新建一个js,filters.js// 项目中使用的全局过滤器export default { // 时间格式化:0:0:0 timeFormat:...原创 2019-03-27 15:09:54 · 269 阅读 · 0 评论 -
vue bus.$emit触发第一次$on监听不到
$emit与emit与emit与 $on的用法新建bus.jsimport Vue from 'vue'export const bus = new Vue()引用bus.jsimport {bus} from './bus'bus.$on('test', function (msg) { console.log(msg)}) bus.$emit('test', ...原创 2019-03-05 15:38:24 · 17491 阅读 · 9 评论 -
vue使用html2canvas进行页面截图
Installnpm install html2canvasUseimport html2canvas from 'html2canvas';html<!-- 截图区域 --><div id="faultTree" ref="faultTree" :style="{width: '100%', height: height + 'px'}"></di...原创 2018-11-27 11:32:08 · 7862 阅读 · 1 评论 -
vue使用websocket创建连接与重连
我自己把websocket封装成一个模块,包括创建连接、发送消息、重连等,里边也封装了一些我自己项目需要的一些功能Importimport ws from '@/assets/lib/ws'Vue.prototype.$ws = wsUse// 创建websocket连接 this.$ws.init(self.$Socket_url, this.ruleForm, functi...原创 2018-11-27 10:56:14 · 7362 阅读 · 0 评论 -
vue使用gojs做流程图项目
Installnpm i gojs --saveUseimport go from 'gojs'代码太多,直接上地址吧项目地址,down下来就可以跑,贴个截图需要改下请求路径,项目为阉割版,去掉了一些功能,只保留最简单的节点操作...原创 2018-11-26 17:28:21 · 6738 阅读 · 3 评论 -
element-ui隐藏滚动条scrollbar
原文:https://blog.csdn.net/czx3387170/article/details/82911600 <el-scrollbar></el-scrollbar>将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下,将标签的height设为100%,查看效果的时候,会出现一个横向的滚动条,如果你不想要横向的滚动条,使用下面css属...转载 2018-11-17 21:04:20 · 3260 阅读 · 0 评论 -
vue路由懒加载
路由页面较多的话会造成首屏加载卡顿,使用路由懒加载可以优化这一现象import Vue from 'vue'import Router from 'vue-router'import Home from '@/components/Home'import main from '@/components/main'import login from '@/components/login'...原创 2018-11-21 09:25:25 · 359 阅读 · 0 评论 -
vue重置data数据
// 重置data数据Object.assign(this.$data, this.$options.data())原创 2018-11-10 22:21:45 · 9279 阅读 · 1 评论 -
vue中使用Json编辑器-------jsoneditor
Installnpm install jsoneditor --saveUse# main.jsimport jsoneditor from 'jsoneditor'Vue.prototype.$jsoneditor = jsoneditorlet container = document.getElementById('jsoneditor')let json = { ...原创 2018-11-09 16:41:35 · 29735 阅读 · 1 评论 -
vue中简单使用dom选择器
直接上代码vue中操作dom及其不方便,可以自己依据jquery选择器的方法来实现简单可以使用的dom选择器// 方法写在methods中$ (e) { let eType = 'queryeAll' if (e.indexOf('#') === 0) { eType = 'getElementById' e = e.substr(...原创 2018-09-07 11:04:34 · 21044 阅读 · 0 评论 -
axios实现拦截器
项目中通常使用token进行用户权限认证,需要在请求的header中添加token信息进行验证,拦截返回的状态码进行跳转或重新登陆,在全局配置这些不妥,所以新建一个axios实例进行项目的配置。// util.jsimport axios from 'axios'import cookies from 'vue-cookies'import router from 'vue-rout...原创 2018-08-22 11:00:20 · 5166 阅读 · 0 评论 -
vue设置反代
生产环境下 我自己在做一个后台项目时遇到跨域的问题,前端项目运行端口为localhost:8080,后端项目运行端口为localhost:3000,前端向后台发起数据请求时报错,解决方法就是配置vue的反向代理 在项目目录中有一个config目录,打开里面的index.js文件 添加代码 proxyTable: { '/api/**': {原创 2018-02-06 16:58:57 · 405 阅读 · 0 评论