![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Gabriel_wei
这个作者很懒,什么都没留下…
展开
-
在uni市场导入项目的组件无法使用,在uni市场导入项目的组件路径正确但找不到组件
data() {},提示:若从插件市场下载使用多个组件,则每个组件均需在 components 选项中定义,并以逗号分隔。原创 2024-02-28 10:41:59 · 690 阅读 · 0 评论 -
uviewUI中u-popup组件show属性显示和不显示控制问题
问题在uviewUI中u-popup组件show并不是用来控制弹出层的显示与否,而是用v-model来进行控制,注意查看官方的API解决在控件上面加入v-model控制即可<template> <view class="content"> <u-popup v-model="show" @close="close" @open="open" :round="10" mode="top" class="pop"> <view&g原创 2021-12-08 20:03:16 · 9842 阅读 · 10 评论 -
uniapp设置width为100vh导致内部元素margin不正常
问题描述外层元素使用了width: 100vh,结果内部的margin显示不正常,此时的代码为 <view class="content"> <view class="main"> 14 </view> </view>.content { height: 100vh; width: 100vh; position: relative; background-color: #F1F0F6;}.main{ backgroun原创 2021-10-19 17:33:04 · 1100 阅读 · 0 评论 -
微信小程序获取当前设备信息;微信小程序判断是iOS还是安卓
代码onLoad() { let that = this; wx.getSystemInfo({ success:function(res){ console.log("wx.getSystemInfo") console.log(res) if(res.platform=="ios"){ that.isIOS = !that.isIOS; } } });}如果是安卓,返回如下如果是iOS返回如下SDKVersion: "2.17原创 2021-05-07 16:31:28 · 4821 阅读 · 0 评论 -
uniapp开发的小程序中调用微信支付
实操后端准备下图中所标字段,都由后端在微信处取得,然后后端应该给出一个接口,去获取这些字段的信息前端调用接口请求前端调用后端给的接口,获取下图中的信息,一般前端还需要携带支付金额(以一分为单位)以及当前交易的说明比如我的代码如下 openVip(){ this.showLoading(); let that = this; let mydata = {}; //当前用户的openid mydata.open_id = getApp().globalData.o原创 2021-05-07 16:03:44 · 2167 阅读 · 0 评论 -
uni-app desc of scope.userLocation is empty 报错
1.使用uni-app编译后在小程序上点击真机调试报错 desc of scope.userLocation is empty2.位置接口设置为不勾选即可原创 2021-05-07 11:13:33 · 389 阅读 · 0 评论 -
在uniapp开发的微信小程序中使用腾讯视频
问题描述我的小程序是使用uniapp开发的,想在小程序中播放位于腾讯视频上面的资源,直接采用嵌套的方式,小程序不会播放解决打开小程序后台添加插件搜索腾讯视频,然后点击添加按钮点击详情可以查看具体的使用信息注意这里的APPID和版本号,后面要用到实操代码manifest.json在mp-weixin中加入如下代码"plugins" : { "tencentvideo" : { "version" : "1.3.9", "原创 2021-05-07 11:11:15 · 1023 阅读 · 1 评论 -
小程序 this.$scope.globalData与getApp().globalData
如果在APP.vue中调用,用this.$scope.globalData,如果在其他子页面调用,用getApp().globalData原创 2021-04-22 21:54:41 · 1148 阅读 · 0 评论 -
promise
参考https://www.jianshu.com/p/1b63a13c2701resolve作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;reject作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。promise有三个状态:1、pending原创 2021-04-14 20:15:28 · 171 阅读 · 0 评论 -
小程序和uniapp的globalData以及getApp()
globalDatauniapp的globalData小程序有globalData,这是一种简单的全局变量机制。这套机制在uni-app里也可以使用,并且全端通用。以下是 App.vue 中定义globalData的相关配置:<script> export default { globalData: { text: 'text' } } </script>js中操作globalDa原创 2021-04-14 16:31:39 · 15965 阅读 · 0 评论 -
微信小程序onLoad、onShow、onHide、onUnload区别
onLoad:页面第一次加载时触发,从跳转页面返回时不能触发,可以传递参数onShow:页面显示或从后台跳回小程序时显示此页面时触发,从跳转页面返回时触发,不能传递参数onHide:页面隐藏,例如使用 wx.navigateTo只是打开新页面 并不关闭原页面onUnload:页面被卸载,例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭当初始化或打开一个新页面时 先执行onLoad,然后执行onShow但是对于Tab页面,又是不一样的从A第一次请求到B 是onHide转载 2021-04-14 09:14:43 · 1178 阅读 · 0 评论 -
微信小程序open-data使用
微信小程序open-data使用<template> <view class="content"> <view class="con"> <!-- 用户头像 --> <open-data type="userAvatarUrl" class="con-avatar"></open-data> </view> <view class="con"> <!-- 用户昵称 --&g原创 2021-04-11 22:08:41 · 751 阅读 · 0 评论 -
微信小程序 getUserProfile直接进入fail函数,getUserProfile调用失败:fail desc length does not meet the requirements
问题描述我刚开始的getUserProfile的desc是这么写的wx.getUserProfile({ desc: '获取你的昵称、头像、地区及性别用于信息注册', success: res => { console.log(res); console.log(1); }, fail: res => { console.log(2); console.log(res) //拒绝授权 wx.showToast({ title: '您拒绝了请求,不能正常使原创 2021-04-11 21:50:46 · 8498 阅读 · 1 评论 -
微信小程序 getUserProfile直接进入fail函数,getUserProfile调用失败:fail can only be invoked by user TAP gesture.
问题描述小程序更改了调用用户信息的接口,详情调用getUserProfile直接进入失败返回的错误信息如下getUserProfile:fail can only be invoked by user TAP gesture.大概意思是此接口只能通过用户点击调用修改我们稍作调整,使用按钮进行调用wx.showModal({ title: '温馨提示', content: '亲,授权微信登录后才能正常使用小程序功能', success(res) { console.log(0)原创 2021-04-11 21:44:28 · 16540 阅读 · 4 评论 -
微信授权登录,authorize不执行;uniapp 获取用户信息权限失败;无法通过wx.getUserInfo与<button open-type=“getUserInfo“/>获取用户个人信息
微信登录的接口又又又又改了微信官方本次修改说明wx.getUserProfile小程序的open-datauniapp的open-data为优化用户的使用体验,平台将进行以下调整:2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID2021年4月13日后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encrypte原创 2021-04-07 09:56:05 · 1746 阅读 · 1 评论 -
小程序开发,uni.login的时候,获取code的时候出现the code is a mock one
原因很简单,你没有修改你小程序的APPID,当前还是处于测试阶段原创 2021-04-04 18:48:42 · 4534 阅读 · 0 评论 -
vue中数组和对象的更新;检测变化;响应式原理;检测更新
官网只做链接记录原创 2021-04-01 19:36:49 · 241 阅读 · 0 评论 -
--window-top和--window-bottom
APP 和微信的原生导航栏和tabbar下,元素区域坐标是不包含原生导航栏和tabbar的。而 H5 里原生导航栏和tabbar是 div 模拟实现的,所以元素坐标会包含导航栏和tabbar的高度。为了优雅的解决多端高度定位问题,uni-app新增了2个css变量:–window-top和–window-bottom,这代表了页面的内容区域距离顶部和底部的距离。举个实例,如果你想在原生tabbar上方悬浮一个菜单,之前写bottom:0。这样的写法编译到h5后,这个菜单会和tabbar重叠,位于屏幕底部。而原创 2021-03-31 15:06:07 · 6407 阅读 · 0 评论 -
uniapp上传图片后台返回url后放入image中图片不显示问题
根本原因后台返回的数据里面有反斜杠,解决方法就是把\替换为/解决你可以用原生的img,这个是没有问题的直接替换里面的反斜杠我后台返回的数据为upload\\img\\QNXLpic\\2015001789a494592eb4433891bd45c9035be58\\test.png注意:你这里最好是直接操作后台返回的数据,不要进行赋值什么的,容易报错使用String的replace方法back.url.replace(/[\\]/g,'/')...原创 2020-06-24 21:33:41 · 5635 阅读 · 0 评论 -
uni-app使用npm安装第三方包
初始化npm工程若项目之前未使用npm管理依赖(项目根目录下无package.json文件),先在项目根目录执行命令初始化npm工程:npm init -ycli项目默认已经有package.json了。HBuilderX创建的项目默认没有,需要通过初始化命令来创建。安装依赖在项目根目录执行命令安装npm包:npm install packageName --save使用安装完...原创 2020-04-29 12:03:03 · 24792 阅读 · 0 评论 -
vue的v-solt总结,老是忘,非常详细,每个都有全部代码
参考官网文档具名插槽vue 2.6+废弃在Test.vue中使用BaseLayout 组件,在向具名插槽提供内容的时候,我们可以在一个父组件的 元素上使用 slot 特性<template> <div class="test"> <base-layout> <template slot="header"> ...原创 2020-03-31 23:42:54 · 1929 阅读 · 0 评论 -
vue-cli3项目中,配置vue.config.js解决打包以后页面空白问题
问题说明项目用的是vue-cli3,我是在npm run build以后,打开打包好的文件,结果页面空白,打开console控制台,结果是文件的路径引入错误。解决根目录下新建vue-config-js我们简单一些,不写其他配置项module.exports = { publicPath: "./"};修改route配置吧mode: "history",注释掉,这样,默认就...原创 2020-03-31 10:02:35 · 3882 阅读 · 5 评论 -
vue项目跨域,配置vue.config.js和axios,我是用来获取易班的签到
需求事情是这样的,易班的签到实时数据展示中,只能手动输入学生的ID号,单个进行查询,这怎么能忍!接口信息如下图接口地址:http://211.68.191.30:8090/yqfx/search?studentid=20197060547参数studentid对应的是你要查询的ID情况我要把所有人的信息一起获取出来,省的手动挨个输入查询问题使用vue写了个小页面,由于本地请求他的...原创 2020-03-30 11:53:21 · 2609 阅读 · 0 评论 -
组件:时钟
效果代码<template> <div class="this"> {{ date }} {{ time }} </div></template><script>export default { name: "", components: {}, data() { return { ...原创 2020-03-24 09:24:17 · 329 阅读 · 0 评论 -
媒体查询代码记录
rem的使用方首先,先说一个常识,浏览器的默认字体高都是16px。兼容性:目前,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。就算对不支持的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。使用%单位方便使用css中的body中先全局声明font-size=62.5%,这里的%的算法和rem一样。...原创 2020-03-22 23:54:19 · 262 阅读 · 0 评论 -
npm中 install -save 和 -save-dev以及缩写形式
npm install 命令最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的,各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记,同时也给node猿友一点指引。我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式:npm...原创 2020-03-22 20:17:03 · 1816 阅读 · 0 评论 -
vue-cli项目中,css文件background-image设置问题
使用绝对路径在vue-cli项目中的放在public目录下的资源会被直接复制,不会经过webpack的打包处理。目录如下我们可以在css文件中这么用#header { position:relative; height:72px; background:url("/image/logo.png"); overflow:hidden;}文件打包生成以后,他访问的是这个地址ht...原创 2020-03-22 20:10:46 · 5439 阅读 · 0 评论 -
在uniapp中使用 editor 组件导出的 html
只做问题记录,详情https://ask.dcloud.net.cn/article/36205原创 2020-03-08 14:49:24 · 698 阅读 · 1 评论 -
uniapp爬坑: H5端上传文件后台获取不到formData的参数
正常来说是能够获取到的如果后端实在拿不到,就写在URL里,用get的方式原创 2020-03-07 01:04:32 · 3762 阅读 · 0 评论 -
uniapp中image组件爬坑:如果src中含有反斜杠“\”会引起各种问题
两个“\”转义vue中的image如下<image :src="paidImgUrl" mode=""></image>paidImgUrl的值如下paidImgUrl:"http://wjyz.hebau.edu.cn/YZCS/upload\\img\\fkjt\\146\\2.jpg",页面渲染以后实际地址是能拿到图的,但是在页面上面没有显示,他去获取的...原创 2020-03-07 00:13:25 · 3304 阅读 · 0 评论 -
vue的style方式绑定行内样式-background-image的方式等
转自:https://blog.csdn.net/qq_34664239/article/details/79106570<tr v-for="(item,index) in dataObj"> <td class="video-msg" v-bind:id="item.videoid"> <div class="videoImg fl" v-bind...原创 2020-02-26 01:04:09 · 5150 阅读 · 0 评论