Vue2
Vue相关的技术文章
HaushoLin
学东西知其然是远远不够的,还要知其所以然才能一通百通。
展开
-
报错信息:Request path contains unescaped characters on axios get request
解决获取URL中的中文参数直接传入接口时引发的bug原创 2024-05-06 17:56:54 · 233 阅读 · 1 评论 -
Vue Vant 移动端如何禁止手机调起自带的输入键盘
一篇移动端如何禁止手机调起自带的输入键盘的文章原创 2024-05-03 22:01:02 · 609 阅读 · 0 评论 -
移动端H5输入框调起手机软键盘,导致底部固定定位被顶起解决方法
最近在开发移动端项目遇到的 移动端H5输入框调起手机软键盘,导致底部固定定位被顶起的问题,找到简书上一篇解决这问题的文章,写这篇文章是给自己做笔记,同时帮助到正在踩坑的你。转载 2021-11-28 13:01:50 · 2477 阅读 · 0 评论 -
vue 移动端项目如何在手机上演示
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的package.json中的scripts --> serve的值vue-cli-service serve 后面加上 --host和你的ipv4地址,在npm run serve就可以把链接复制在手机上查看了,手机就可以访问本地电脑的项目了在package.json文件中添加本地ipv4地址"scripts": { "serve": "vue-cli-service serve --host 192.16原创 2021-09-28 12:31:36 · 1597 阅读 · 0 评论 -
vue h5移动端 阻止左右滑动和缩放的方案
只需要两步就轻松解决!1、在App.vue 底部样式添加body固定样式 position: fixed; top: 0; left: 0; width: 100%; height: 100%;2、在public页面的meta标签添加移动端去掉缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /&g原创 2021-11-26 15:39:17 · 4206 阅读 · 5 评论 -
Vue3如何引入iconfont
本次采用的免费字体图标是iconfont。原创 2022-12-02 16:46:11 · 2495 阅读 · 0 评论 -
Vue3 如何引入第三方字体
本次采用的免费字体是阿里巴巴的iconfont,商用免费的,废话不多说,开始今天的教程。原创 2022-12-02 15:58:06 · 4179 阅读 · 0 评论 -
vue2 如何用keepAlive做组件缓存
相信各位小伙伴在开发vue2项目时有这么一个需求,部分指定的组件需要做缓存,其他不需要。此时只需要在router/index.js路由里给需要做缓存的组件添加meta属性,同时设置上keepAlive为true和deepth深度修改为1,具体流程我们看下方代码。原创 2022-11-16 13:51:39 · 839 阅读 · 0 评论 -
lodash 如何按需导入
很多时候我们引入一个插件只是为了其中的某一个方法,例如防抖、节流、深拷贝、时间转化,可是我们又希望项目在build打包时只打包我们引入的那个方法,这样可以减少项目的体积,而不是整个lodash(包含所有lodash未使用到的方法)。原创 2022-11-03 11:10:16 · 2052 阅读 · 0 评论 -
Vue路由切换时新页面自动回到顶部
打开路由router.js,将以下函数写入即可,全部所有组件在切换时都会滚动到顶部位置。原创 2022-09-13 16:10:37 · 1295 阅读 · 0 评论 -
Element UI修改样式不生效,最简单粗暴的解决方法!
参考网上的去掉style中的scoped作用域那样确实生效,但是会影响其他组件的样式。我们直接在该类名前添加::v-deep就可以,赶紧去试试看吧,超实用! // 在类名前添加 ::v-deep 方法和属性后的 !important ::v-deep .el-input__prefix { left: 71px !important; transition: all 0.3s; }...原创 2021-02-27 15:00:31 · 2395 阅读 · 0 评论 -
mock.js在Vue中的使用方法
官网地址:http://mockjs.com/examples.html原博主地址:https://www.cnblogs.com/jasonwang2y60/p/7302449.html1、需要下载的依赖包npm i axios 请求拦截器npm i mockjs 随机生成器npm i vue-router vue路由2、在当前项目最外层和man.js同级创建mock.js文件,复制以下代码作用:生成你想要的随机数据// 引入mockjsconst Mock = require('原创 2020-12-22 01:31:22 · 496 阅读 · 1 评论