Vue
不许动一二三
这个作者很懒,什么都没留下…
展开
-
vue-cli设置mode环境变量打包之后没有CSS文件
如下图设置了–mode xxb之后打包,只有js,img等文件夹却没有CSS文件夹。原创 2022-12-29 10:45:26 · 1286 阅读 · 1 评论 -
uni-app从后端返回的mp4链接视频截取一帧为封面
后端返回包含视频链接的数组对象,格式如下:从上面的mp4视频中截取一帧设置为封面,如下图,下面的封面图从视频中截取而来。按照上面的代码,其中posterList就是对应的每一个视频的封面base64数组,一切看起来都挺好,在H5正常运行,但是在APP端使用,明显是不可以的,因为在app端,document为undefined,那么怎么弄呢,查阅了资料,发现使用renderjs即可以识别。1)当 videoLists变化时,通过 :change:videoLists="renderScript.cre原创 2022-12-06 14:22:50 · 3543 阅读 · 9 评论 -
微信支付(关于h5支付与JSAPI支付)
的接口,,会生成h5_url,,在h5直接window.location.href,意思就是下面的在非微信浏览器中点击确认支付调用goToPage方法。需求:如果在微信自带浏览器可直接调用支付(JSAPI支付),如果是在非微信浏览器(qq浏览器,safari…)拉取微信客户端再支付。通过上面的简单介绍,画个简单的图。如果是外部浏览器,后端通过调取。贴上pay.vue完整代码。微信浏览器中支付,使用。原创 2022-11-14 15:42:00 · 2662 阅读 · 1 评论 -
VUE微信H5生成二维码海报保存在本地相册
公司需求:宣传海报从后台获取,二维码地址也从后台获得,然后生成一个海报,海报上固定位置放二维码,长按图片可以保存在本地相册(其实前面的需求是点击按钮,下载海报图到本地相册,然后h5下载的实现原理是生成一个a标签链接,然后下载,在电脑模拟器可以下载,在微信浏览器一点反应没有,所以退一步,长按保存),下面是使用版本,UI插件用的是vant(有赞)vue:“^2.6.11”,“html2canvas”: “1.4.1”,“vant”: “^2.8.1”,“vue_qrcodes”: “^1.1.3”从后端获取海报原创 2022-06-06 16:47:57 · 4733 阅读 · 10 评论 -
VUE跑马灯之文字无缝连接
VUE跑马灯之文字无缝链接原创 2022-06-06 15:33:31 · 576 阅读 · 0 评论 -
elementui select可下拉框选择可输入(不需要点回车,不需要额外的操作)
看文档我们知道可以使用这个属性都设置为true,可以下拉框可以自己输入<el-select v-model="form.pcode" clearable filterable placeholder="请选择产品" class="product-input" allow-create > <el-option v-for="(item,index) in arr_product"原创 2021-12-23 11:06:25 · 16198 阅读 · 11 评论 -
Vue3.0开发环境跨域代理
Vue2.0:vue.config.js文件下配置devServer: { port: 8080, // 端口号 host: "0.0.0.0", https: false, // https:{type:Boolean} open: false, //配置自动启动浏览器 proxy: { "/api": { target: "", //对应自己的接口URL原创 2021-09-28 14:29:46 · 373 阅读 · 0 评论 -
vue微信改变了字体影响了项目的布局
在正常情况下,项目一切是好的,但是有些老年人他看不清,所以他在微信设置里把字体放大了,所以导致系统的布局全乱了,所以要禁止改变字体大小,因为使用的是vue项目,所以在index.html页面中加入一些代码就行,一个是ios的 一个是android 亲测有效<style> body { // ios -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -m原创 2020-06-29 15:20:02 · 1037 阅读 · 5 评论 -
vue设置多行省略号
一、前言在网上找了很多css多行省略号,虽然模拟器有用,但是在手机浏览器上虽然有省略号,但是下一行还是有多余的字显示,这显然不是所想要的,这有可能涉及到兼容性问题,所以,打算用js来设置省略号,原理就是通过offsetHeight和scrollHeight来比较,如果两个相等,代表没有滚动区域,如果scrollHeight大于offsetHeight则代表出现滚动区域二、编码如上图所示,因为我是要设置列表的标题两行省略号,如下图,上图ref用于获取当前元素,当然,class="left-title"原创 2020-06-29 11:19:33 · 1353 阅读 · 3 评论 -
史上最全的vue跳转页面滚动条不在顶部
如果你还在为这个问题而感到烦忧,如果你还在为网上的解决方法没用而感到忧愁,那么你来对了,解决方法,如果你在这篇文章的方法都没用的话,那么还有一种方法,在App.vue中 <div id="app" ref="app"></div>监听路由的变化...原创 2020-06-19 14:46:55 · 1707 阅读 · 0 评论 -
vue解决微信浏览器自带导航条造成项目tabbar不显示的问题
案例如下:1)在微信浏览器打开此页面,项目自身带tabbar,包括首页,发现 我的2)点击为您推荐的第一个 pzm测试-食-图片,跳转到其他页面,下图为跳转页面,可以看到下方的图片已经出现了微信浏览器自带的导航条,用于前进后退。3)然后点击上方红色框的返回键,得到下图,出现了微信浏览器自带的导航条,而我自己的首页,发现,我的导航条没了!!然后我在android机上测试是有的 ios上没有项目的tabbar解决方法:参考文章:https://www.jianshu.com/p/6df78215原创 2020-06-15 16:22:12 · 1145 阅读 · 0 评论 -
Vue源码一行行分析(二)双向绑定原理
今天来一步步实现Vue双向绑定,先引入一张的图片,此图片来源,他这篇文章写得挺好的,大家可以去看看(我写这篇文章的主要目的就是记录一下自己模仿Vue的写法,以供后面回忆,可能知识量还没有达到,不是很好表述,所以直接上代码,代码里有注释,完全是按照vue.js的写法来写的,我只是按照自己的思路,先实现vue构造函数->Observer->Dep->Watcher->compi...原创 2020-01-15 11:22:51 · 250 阅读 · 0 评论 -
Vue源码一行行分析(一)整体分析
一、前言Vue的项目也已经做了四五个了,虽然已经能够基本的做项目,但是要知其然,知其所以然,所以今天来研究一下源码,虽然自己前面也断续了看了一下源码, 但是你懂得,看源码真的看得头痛,所以就放弃了很多次,今天,就开始写这一部分,一则是为了记录自己的学习,以供自己的成长,以及后续的回顾,避免走弯路,二则则是表明自己的决心,相当于立一个flag,督促自己研究下去,好啦,闲话少叙,开工。二、准备这...原创 2020-01-14 11:16:32 · 1687 阅读 · 1 评论