![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小六:
这个作者很懒,什么都没留下…
展开
-
element里el-cascader懒加载回显
【代码】element里el-cascader懒加载回显。原创 2022-09-14 16:15:58 · 697 阅读 · 1 评论 -
禁止用户缩放,以及IOS10及以上版本禁止缩放失效
这里用VUE作为演示:禁止缩放,在 .html 里面,头部标签meta里面添加<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">即可完成,禁止用户缩放,但是在ios10及以上的版本中,这个...原创 2019-11-12 14:43:34 · 571 阅读 · 0 评论 -
vue使用Base64编码解码
一、下载包npm install js-base64 -S// 或者cnpm install js-base64 -S二、在你需要解码(编码)的文件中引用let Base64 = require('js-base64').Base64三、使用方法// 解码var a = Base64.decode()// 编码var b = Base64.encode()...原创 2019-11-09 10:09:37 · 1667 阅读 · 0 评论 -
js判断当前运行环境
var u = navigator.userAgent; var app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+...原创 2019-11-01 11:00:00 · 1706 阅读 · 0 评论 -
vue打包一篇空白,背景图片不显示
一、打包之后一篇空白1、dist目录下文件的引用路径错误解决方案:在 config 文件下面的 index.js 文件中,找到这段代码,把 assetsPublicPath: '/'改为assetsPublicPath: './',更改后的代码:2、路由模式被改为history,路由模式默认为hash,只要把路由模式改为默认就好。二、打包之后,背景图片不显示解决方案:找打 build...原创 2019-11-01 10:53:19 · 594 阅读 · 0 评论 -
控制v-for的循环次数
<div class="minus" v-for="(item,index) in infoList.coupons.slice(0, 3)" :key="index">满{{ item.money_off }}减{{ item.use_money }}</div>通过slice返回的子数组的长度即可控制循环的次数...原创 2019-10-31 16:35:40 · 521 阅读 · 0 评论 -
获取地址栏指定参数
由于我用的是vue,在这里仅用vue作为示范:1、新建一个js文件,名字随便起,这里以 geturl.js 作为示范,代码如下:export default { getUrlKey: function (name) { return decodeURIComponent( (new RegExp('[?|&]' + name + '=' ...原创 2019-10-14 17:01:03 · 219 阅读 · 0 评论 -
不需要下载插件的rem移动端适配方案,贼好用(以rem为单位写项目)
1、首先新建 rem.js 文件放入静态资源的文件夹中,rem.js 文件中放入一下代码;(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), t...原创 2019-08-28 18:20:27 · 577 阅读 · 3 评论 -
vue项目中Toast字体过小,没有边距
1、前段时间在写项目的时候使用 vant 组件库比较多,在使用vant中Toast时,在Chrome中手机模拟中测试正常,但是当网页放到手机中时字体显示特别小,但是你在vue文件中怎么添加样式都没有用;2、问题的原因可能是我之前写的那种rem适配方案的问题;解决办法在项目 App.vue 文件中添加样式,在Elements中找到toast的类名。为其添加样式,把字体的大小扩大;并添加边距就可...原创 2019-08-17 19:00:23 · 2347 阅读 · 0 评论 -
浏览器设置本地跨域,chrome
有的公司后台没有设置浏览器跨域,所以我们就要在本地设置浏览器跨域,我用的是谷歌浏览器,步骤如下:1、找到谷歌浏览器的安装目录,如:C:\Program Files (x86)\Google\Chrome\Application,复制此路径;2、在桌面新建记事本把 第一行 写 刚刚复制的路径;第二行 写 chrome.exe --disable-web-security --user-data-...原创 2019-08-16 11:39:26 · 494 阅读 · 0 评论 -
vue时间戳转换
我个人在vue项目中遇到的时间戳转换问题,是把转换时间戳单独作为一个js文件,需要用的地方直接引用,这样就不用多次在代码中去写了;一、新建js文件文件命名可以自己随便命名,这里就已 util.js 为例我是把此文件放入 /assets/js 文件夹里util.js 文件内容如下:export function formatDate(date, fmt) { if (/(y+)/.t...原创 2019-08-16 11:14:01 · 5205 阅读 · 1 评论 -
vue引用jQuery
在vue项目中,也有很多地方是要用到jQuery;例如:最近我在项目用要调用相机相册,就需要了;npm或cnpm下载npm install jquery --save//或者cnpm install jquery --save配置文件打开 build / webpack.base.conf.js1、在文件开头加上const webpack = require('webpack')...原创 2019-08-24 11:35:12 · 155 阅读 · 0 评论 -
vue中sass的使用
一、在安装sass1、cnpm install node-sass --save-dev (安装node-sass)2、cnpm install sass-loader --save-dev (安装sass-loader)3、cnpm install style-loader --save-dev ( //安装style-loader ,安装 vue-style-loader 其实是一样...原创 2019-08-08 19:35:06 · 358 阅读 · 0 评论 -
使用vue-cli搭建项目的流程
一、首先检查node版本和npm版本1、打开控制台输入 node -v 查看vue版本,输入 npm -v 查看版本;2、安装 淘宝镜像,也可以选择不安装,但是下载包的时候会很慢;3、 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装淘宝镜像;二、全局安装webpack和vue-cli1、输入c...原创 2019-08-08 19:16:38 · 206 阅读 · 0 评论