自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 uni-app学习:使用微信云函数的步骤

1,创建函数目录首先,我们在项目中创建一个云函数目录,路径随意,我的是functions2,修改manifest.json代码如下: "mp-weixin" : { "appid" : "wx*******", // 小程序id "cloudfunctionRoot": "./functions/", "setting" : { "urlCheck" : false, "minified" : true

2020-06-28 10:18:21 1935

原创 uni-app学习:路由的跳转和携带参数跳转到tabBar页面

1.uni.navigateTo需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。注:页面跳转路径有层级限制,不能无限制跳转新页面示例://在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});// 在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型,会序列

2020-05-27 16:20:38 5807 1

原创 vue点击复制按钮复制相关文本到手机的粘贴板

有时业务需求是需要点击按钮复制相关内容。如下图:推荐一个插件clipboardjs 实现复制功能插件使用步骤:1:安装yarn add clipboard // 或者npm install clipboard --save2:在需要使用复制功能的页面引入import Clipboard from 'clipboard' 3,使用<div> <span> {{ text }} </span> <span

2020-05-27 14:07:03 949

原创 uni-app 学习: 页面高度设置100%

uni-app 中页面默认没有100%,内容只显示一半,而且轮播图随内容区域一起滚动,不能固定,如下图所示:在独立页面给page加高度100%, 此时h5页面正常但是在小程序中依旧是不起作用的,如下图:page{ height: 100%!important; }在vue.app文件中设置设置page的高度,可解决问题,轮播图可以不随内容发生滚动,如图:page{ height: 100%; }...

2020-05-18 11:25:39 20303

原创 uni-app学习:在uni-app中使用阿里图标

1,在官网找图标,然后复制链接在网页打开2,新建iconfont.css文件将代码复制到css文件中,如图:3,最后在app.vue中引入

2020-05-08 15:05:27 307

转载 截取字符串,多余的部分用...代替

//截取字符串,多余的部分用…代替function setString(str, len) { var strlen = 0; var s = ""; for (var i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 128) { strle...

2019-08-13 15:22:48 454

转载 px2rem-loader(Vue:将px转化为rem,适配移动端)

转载:https://www.cnblogs.com/WQLong/p/7798822.html1.下载lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3....

2019-03-27 17:49:59 443

原创 解决IE浏览器不兼容es6和es6的Promise

引入<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script> <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>即可polyfill.min.js...

2019-03-21 15:39:37 2658

转载 关于vue+element-ui项目的分页,返回默认显示第一页的问题解决

问题描述当前页面如下:然后点击页码跳到第3页,然后在第三页点击页面链接跳转到新的页面然后在新页面点击返回按钮,返回到当前页,结果页面分页显示第一页,对应页面内容也是第一页期望效果从新页面返回的时候,页码和页面内容仍旧保持在跳转离开前的样子。解决办法1.利用localStorage或者ses...

2019-02-15 15:28:50 8774 5

原创 解决vue中加背景图片报错

在vue中加css背景图片时最好不要使用@,此时的@可能会被解析为函数符号会报错改成即可解决

2019-01-04 18:26:38 3270

原创 解决使用UI框架修改样式时出问题

使用UI框架修改样式1,按照UI的class名一级一级的加样式2,如果中间有的没有class名跳过一级之后不能用,前面加/deep/。如下:在不起效果的class前加/deep/。注意此处的class和/deep/有空格...

2019-01-04 18:19:25 1980

原创 vue中,实现锚点定位及跳转 url不发生变化

在 vue中如果使用锚点进行同页面的跳转,url会受到影响,解决的办法是,在点击的地方加一个点击事件,写document.querySelector(“要返回地方的id”).scrollIntoView(true)...

2018-12-11 15:07:19 2808

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除