vue
天天打豆豆
这个作者很懒,什么都没留下…
展开
-
vue任意组件间通信-全局事件总线
原创 2022-03-01 08:46:37 · 520 阅读 · 1 评论 -
微信小程序request 请求封装
1.utils下新增request.js// request.jsvar app = getApp() const request = options => { return new Promise((resolve, reject) => { const { data, method } = options if(data && method !== 'get') { options.data = JSON.stringify(data原创 2021-08-23 10:20:25 · 197 阅读 · 0 评论 -
echart设置渐变色
color: [ { type: "linear", x: 0, y: 0, x2: 0, y2: 1, colorStops: [ { offset: 1, color: "#017CEE" // 0% 处的颜色 }, ..原创 2021-07-08 09:24:43 · 708 阅读 · 0 评论 -
webpack插件url-loader使用规范
其实说到性能优化,他的范围太广了,今天我们就只聊一聊通过webpack配置减少http请求数量这个点吧。简单说下工作中遇到的问题吧,我们做的一个项目中首页用了十多张图片,每张图片都是一个静态资源,所以都会有http请求,为了减少请求,我们可以通过base64编码的方法来展示图片。webpack中有一个包叫做url-loader,他可以将html以及css中的图片打包成base64,但是js中如果有图片url并不能编译成功(后面我会说明),现附上两张图看下普通图片以及base64编码后的图片有啥不同吧。简转载 2021-06-22 09:19:41 · 1203 阅读 · 0 评论 -
vue +echarts 地图 强制更新数据 this.$forceUpdate()
vue 强制更新数据 this.$forceUpdate()页面数据已经更改,样式试图未更新;echarts地图上value值未实时更新原创 2021-06-11 09:42:23 · 594 阅读 · 0 评论 -
vue-fullpage.js 头部导航栏问题
<template> <div> <ul id="menu"> <span class="titleImg"></span> <li data-menuanchor="page1" class="active"> <a href="#page1">新闻资讯</a> </li> <li data-menuanchor="p原创 2021-05-26 09:02:14 · 576 阅读 · 0 评论 -
Vue登录页面+Verify图片验证码+Cookie记住密码功能实现
<template> <div class="login"> <div class="login-content"> <div class="login-content-left"> <div class="image"></div> </div> <div class="login-content-right"> <div c原创 2021-05-20 17:35:38 · 767 阅读 · 0 评论 -
Vue未登录跳转到登录页,不可以控制url进入主页
1{path: ‘/home’,name: ‘首页’,meta:{requireAuth: true //需要验证的加上这个字段},component: () => import(’…/views/index.vue’)},2./**未登录则跳转到登录页未登录跳转到登录页,也可以通过axios的响应拦截器去实现,但是会先在当前页面渲染一下,再跳转到登录页,会有个闪动的现象这里通过路由守卫的方式,不会在当前页闪现一下,但是需要在每个路由组件添加一个是否需要登录的标识位,如本项原创 2021-05-18 16:04:05 · 939 阅读 · 0 评论 -
Vscode setting.json配置
{//用户配置“workbench.editor.enablePreview”: false, //打开文件不覆盖“search.followSymlinks”: false, //关闭rg.exe进程“editor.minimap.enabled”: false, //关闭快速预览“liveServer.settings.donotShowInfoMsg”: true, //关闭liveserver提示“files.autoSave”: “afterDelay”, //打开自动保存“edit原创 2021-05-18 11:41:09 · 595 阅读 · 0 评论 -
chrome和ie 浏览器隐藏右侧滚动条
1.简单粗暴:body 中overflow-y:hidden;2.IE:隐藏显示 依然滚动body{-ms-overflow-style: none;}3.Chromebody::-webkit-scrollbar {width: 0 !important; /* remove scrollbar space /background: transparent; / optional: just make scrollbar invisible */}...原创 2021-05-18 11:36:02 · 681 阅读 · 0 评论 -
vue中使用阿里图标库
2.在项目的main.js中引入一句话import ‘…/src/assets/iconfont/iconfont.css’;3.填写自己生成的类名 前两部分 固定不变 ‘iconmima’ 改变原创 2021-05-17 20:47:24 · 81 阅读 · 0 评论 -
websocket 在Vue 项目中封装 加心跳
在vue项目中,每个组件里使用webSocket比较简单,但是webSocket的使用是在整个项目中的时候呢,我们就需要封装成一个公共的文件;1.新建一个 socket.js 文件var websock = null;var global_callback = null;// var serverPort = ‘5000’; //webSocket连接端口// function getWebIP(){// var curIP = window.location.hostname;// r转载 2021-05-14 18:35:33 · 17 阅读 · 0 评论 -
解决elementUI canlander树形选择器问题
1:首先需要先安装@riophae/vue-treeselect":"^0.0.37这是vue官方的中文文档可以参考 https://www.vue-treeselect.cn/#node2:需要引入至vue页面使用import Treeselect from “@riophae/vue-treeselect”;import “@riophae/vue-treeselect/dist/vue-treeselect.css”;components: {Loadding,Treeselect,原创 2021-05-13 16:35:05 · 320 阅读 · 0 评论 -
VScode 中settiongs文件怎么打开,配置settings.json
VScode 中settiongs文件怎么打开,配置settings.jsonhttps://www.jb51.net/softjc/730336.htmlhttps://www.jb51.net/softjc/730336.html转载 2021-04-11 21:02:08 · 349 阅读 · 0 评论