vue
z__a
心有猛虎 细嗅蔷薇
展开
-
vue3+vant4 vant4主题色配置(简单快捷)
vue3+vant4 vant4主题色配置(简单快捷)原创 2022-12-12 12:27:28 · 4182 阅读 · 1 评论 -
vue h5 页面调起原生APP指定页面
这次分享可能比较适合小白,大神们多多指教哈!为什么这么说呢,因为我之前都是做pc,或者小程序、rn 什么的,原生app内嵌h5这种还是第一次。最近提了个需求:app下载页 如果当前应用已经安装就直接打开scheme全路径对应的页面,没有安装就点击去下载页面,大致业务流程如下...原创 2022-03-18 13:43:18 · 2004 阅读 · 0 评论 -
vue请求拦截器获取当前请求路径及相关信息
vue请求拦截器获取当前请求路径及相关信息原创 2022-03-10 10:28:54 · 6027 阅读 · 1 评论 -
vue打包后dist页面空白且放到服务器显示问题
项目中自己的VUE项目通过npm run build打包生成的dist文件,打开本地dist文件夹的index.html页面一片空白空白且放到服务器显示问题。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。...原创 2019-11-05 15:31:32 · 1669 阅读 · 0 评论 -
vue打包后dist页面空白
项目中自己的VUE项目通过npm run build打包生成的dist文件,打开本地dist文件夹的index.html页面一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的...原创 2019-11-05 15:28:10 · 2928 阅读 · 0 评论 -
elementUI的自定义主题色
背景介绍:项目使用vue.js+elementUI+scss,但是项目的主题色要修改为紫色所以就用到了elementUI的自定义主题全局安装步骤步骤总览cd element-demonpm i element-theme -gnpm i element-theme-chalk -Det -i修改scss中的颜色值etmain.js修改引入步骤说明 进入...原创 2019-05-17 16:08:37 · 2861 阅读 · 0 评论 -
vue界面刷新vuex变量初始化问题
最近在用vue写pc端项目,用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。1. 产生原因因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。2. 解决思路直接上代码//在app.vue中插入<template> <div id="ap...原创 2019-04-20 12:11:49 · 2478 阅读 · 0 评论 -
vue i18n 多语言配置
我现在工作的公司是一家做区块链的公司 ,最近要用vue做一个后台管理系统 , 我这一个angular的忠实用户就要开始啃vue这块大骨头了!事先为开发做准备 因为是做区块链的嘛!那后台管理系统肯定是要多语言喽!搞了两三个小时还算是皇天不负有心人吧!那么直接晒图先看效果吧!默认语言:English切换语言:中文事先准备:1.element-ui(基于e...原创 2019-04-12 17:44:57 · 1460 阅读 · 0 评论 -
Vue二次封装axios为插件使用
vuejs2.0 已经不再维护 vue-resource,vuejs2.0 已经使用了 axios,这也是为什么我会转到 axios 的主要原因,废话不多说:基本的封装要求:统一 url 配置统一 api 请求request (请求)拦截器,例如:带上token等,设置请求头response (响应)拦截器,例如:统一错误处理,页面重定向等根据需要,结合 Vuex 做全局的loadi...转载 2018-11-28 11:00:41 · 1087 阅读 · 0 评论 -
在vue中封装可复用的组件
本次封装的组件以toast组件为例以前使用移动端ui插件时,通过一句代码比如 $.toast( ‘ 需要显示的内容 ’ ),从而在页面上展示这段文字,并在一定时间后消失。现在我们也尝试自己封装toast组件。准备工作:vue-cli脚手架工程先看一下涉及到的文件目录截图:这次的封装主要涉及的文件是Toast.vue toast.js Hello.vue,主要思路如下:...转载 2018-10-22 21:26:11 · 2292 阅读 · 0 评论 -
vue项目中对axios的二次封装
近来在使用vue重构公司m站时,使用了axios来进行数据的请求,由于项目的需要,对axios进行了二次封装,点击进入axios//引入axiosimport axios from 'axios'let cancel ,promiseArr = {}const CancelToken = axios.CancelToken;//请求拦截器axios.interceptors.reque...转载 2018-06-07 15:33:45 · 1353 阅读 · 0 评论