
vue
老王学前端
前端菜鸡
展开
-
process.env环境变量使用
在package.json文件中, scricps中例如:在 vue.config.js中获取参数,并定义全局参数接受方式为 process.env.npm_config_xxx需要把赋值全局环境变量过程放在文件顶部, 防止引入文件无法使用全局环境变量。原创 2023-06-14 16:47:01 · 995 阅读 · 0 评论 -
vue全局导入外链js
在index.html中引入js,vue单文件中使用会造成报找不到方法的warning,只需要配置外链引入就可以了在vue.config.js中配置configureWebpack: { externals: { 'AMap': 'AMap' // index.html 中引入的js } }import AMap from 'AMap' // 这样就不会报warning了...原创 2021-03-19 13:46:47 · 646 阅读 · 0 评论 -
webpack(vue)初始化配置
1. 运行项目,浏览页面自动打开npm run dev后运行项目无法自动打开页面,需要在package.json中添加--open,就可以自动打开页面了。2. css样式初始化为了保证各个浏览器css样式一致,引入css初始化样式文件。(normalize.css)无法下载的,请下载我上传的。(。。。后续补充)我上传的正在审核,耐心等待。一般不经常改变的文件我喜欢放在assets中...原创 2019-03-13 16:22:48 · 870 阅读 · 0 评论 -
完美解决vue,webpack打包图片不显示
修改build/utils.js文件,添加publicPath: "../../"原创 2019-02-28 17:31:56 · 2005 阅读 · 0 评论 -
解决ios键盘消失页面不回弹问题
let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0));原创 2019-02-28 17:26:29 · 1429 阅读 · 0 评论 -
vue项目修改组件默认样式
1. 出现的问题及原因在一个页面时, style 设置 scoped, 现在样式仅在设置 “本地” 可用。故导致我们想要修改组件样式无法修改成功。2. 解决办法使用预处理的方案stylus 使用 >>> 外层 >>> 第三方组件 { 样式 }eg: #app >>原创 2018-10-18 11:58:29 · 5313 阅读 · 6 评论 -
vue实现页内跳转功能
1. 页面结构页面的结构如图所示,wrapper设为不允许滚动。content内容区允许滚动2. 代码document.getElementById("wrapper").scrollTop = document.getElementById("content").offsetTop - 150;...原创 2018-09-29 11:56:16 · 3273 阅读 · 0 评论 -
vue在路由中验证token是否存在
1. 在router/index.js 进行验证2. 代码如下:import Vue from 'vue'import Router from 'vue-router'import Login from '@/components/common/Login';......Vue.use(Router)const router = new Router({ routes:...原创 2018-07-27 11:07:05 · 4027 阅读 · 0 评论 -
封装axios,token,消息提示,防止重复提交
1. 功能 封装axios的get、post、put、delete操作 token在headers中提交 错误跳转 消息提示 防止重复提交 2.代码如下:import axios from 'axios' // 引入axiosimport router from '../../router' // 引入路由im...原创 2018-07-27 10:56:31 · 5482 阅读 · 0 评论 -
vue-cli配置less
1. 下载less less-loadernpm i less less-loader -S2.配置less安装成功后,打开 build/webpack.base.conf.js ,在 module.exports 的对象中 module.rules 后面添加一段:module.exports = { module: { rules: [ ...原创 2018-06-27 11:53:50 · 3229 阅读 · 0 评论 -
vw移动端布局,vue项目初始化构建
大漠老师的vu项目vw布局 注意事项1. 在ios端img标签的图片不显示,安卓可正常显示 解决方案: 不可以为img设置任何css样式,只可以在为img的父盒子设置样式,img的大小靠百分比设置。 代码示例:错误示例<div class="img"> <im原创 2018-06-15 12:20:49 · 2236 阅读 · 0 评论 -
解决vue打包wendor过大的问题
1.找出原因一般情况下不会出现过大的问题,但是当你引入一些UI组件库的时候会导致打包文件过大的问题。所以我们需要通过外部引入的方式引入这些UI组件库,从而减少打包文件过大的问题。2.解决方案 1.外部引入UI组件库1.在index.html的文件头部引入element-ui的组件库。引入vue<!-- 开发版,开发过程中使用此方案--><script...原创 2018-06-21 10:12:59 · 5176 阅读 · 2 评论