
uni-a
文章平均质量分 51
小趴菜呢
风生水起靠自己
展开
-
uview-ui表单使用总结
其余的其它属性看官网吧,切记rules一定要写正确,要不他提交的时候this.$refs.uForm.validate()点击没有反应,一直不能触发。如果是动态配置的表单,使用v-for循环,校验规则不确定是否必填可以在validator函数判断。官网地址:https://v1.uviewui.com。常用的手机号身份证之类的都可以直接用。uView自带验证规则。原创 2023-06-15 14:59:32 · 1319 阅读 · 2 评论 -
微信小程序实现分享海报
实现前的注意事项:1、使用的是微信小程序官方的canvas组件官方文档地址2、在canvas中不能绘制网络图片,需要使用wx.getImageInfo({}),文档地址注意最好在画布绘制之前对图片进行转化,我在绘制画布的过程中转化时获取到的地址一直是空的,感觉这个接口是异步的,设置了async、await也不起作用。 wx.getImageInfo({ src: '网络图片地址', success: (res) => {原创 2021-10-22 14:34:11 · 5049 阅读 · 0 评论 -
从当前页面返回上个页面,并在当前页面修改上个页面的数据
目前的需求是这样的,在A页面发布图片内容,在A页面有一个按钮选择定位,要跳转到B页面,选择之后并返回A页面展示,A页面之前填写的信息要保留。(1)在 原生微信小程序中实现方法:在B页面中返回A页面的方法中写入: let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; prevPage.setData({ title:this.data.title, }) wx.navigateBack({原创 2021-09-10 10:18:57 · 1267 阅读 · 0 评论 -
小程序中引入vant总结
原生小程序中引入:1、安装npm i @vant/weapp -S --production2、修改project.config.json配置"setting":{ "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./" } ] }3原创 2021-09-08 10:23:53 · 701 阅读 · 0 评论 -
小程序自定义标题
如果我们需要给标题加上按钮,图片,复杂的样式的时候,系统的标题就不能满足我们的要求了,这时我们需要自定义标题:1.在定义的页面路径的page.json中实现如下代码:{ "path": "pages/index/index", "style": { "navigationStyle": "custom" //自定义标题要使用custom }},2.自定义组件,在components文件夹下面,定义一个customTitle.vue页面,写入如下代码:要注意小程序的顶部是由:状态栏+标题栏原创 2021-02-01 16:30:44 · 1755 阅读 · 0 评论 -
webview内嵌h5和微信小程序的相互跳转
1.在微信小程序里面使用内嵌h5页面,需要主要要在微信公众平台:开发管理——开发设置——业务域名中配置你内嵌的页面用到的域名。2.微信小程序跳转到h5页面使用标签:主要如果页面跳转到这个webview标签页面,src后面的参数是带不过去的比如:’…/webview/webview?src=https://api.com/list?id=1&token=sdjiwboaxne’你会发现list后面的参数都带不过去,你需要进行编码一下:let src = "https://api.com/lis原创 2021-01-21 14:06:34 · 5790 阅读 · 2 评论 -
对接腾讯云及时通讯总结
1.在腾讯云官网上创建应用,获取到相应的SDKAppID和相应的秘钥信息。2.可以下载官方的即时通讯例子参考官方demo进行开发。3.使用npm安装SDK文件:(1)像uni-app开发的小程序在项目之前没有用到npm管理依赖(项目根目录下无package.json文件),现在项目根目录执行命令初始化npm工程:npm init -y(2)安装SDKweb项目使用命令:// IM Web SDKnpm install tim-js-sdk --save// 发送图片、文件等消息需要的 C原创 2020-12-22 18:54:53 · 2525 阅读 · 0 评论 -
下载、上传、预览功能实现总结
1.在小程序上的实现(1)小程序的上传不支持上传整个文件对象(可以看微信小程序开发文档进行了解),上传文件:// 上传 upload(){ // let that = this; wx.chooseMessageFile({ count: 1, type: 'file', success : (res) => { // tempFilePath可以作为img标签的src属性显示图片 const tempFil原创 2020-08-06 11:20:59 · 665 阅读 · 0 评论 -
三元运算符的使用总结
1.需要注意一般在 :style 和 :src 这些中使用放置在assets文件中设置静态的图片资源会不起作用的比如:<img :src="photo ? imgUrl+photo : '../../assets/photo.png'">这样设置时我们会发现不起作用,因为打包之后的assets文件夹中的资源会找不到,这是因为网页吧根域名作为相对路径了。有两种方法可以解决此类情况:(1)将静态图片地址赋值给一个引入的变量<script>import nologo from原创 2020-08-05 18:34:41 · 1567 阅读 · 0 评论 -
uni-app微信小程序分页上拉加载更多的实现
首先我们需要下载一个uni-app的加载更多的插件 uniLoadMore插件内容如下:新建一个文件原创 2020-06-12 09:45:07 · 4446 阅读 · 3 评论 -
uni-app微信小程序实现分享到微信和小程序内嵌h5的分享
在uni-app中有与onLoad()等同级的一个生命周期函数:onShareAppMessage()小程序中用户点击分享后,在js中定义onShareAppMessage处理函数,设置该页面的分享信息。用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮,也可能是开发者在页面中放置的分享按钮。具体的使用可以查看uni-app官网:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage例子:onSha原创 2020-06-10 09:19:20 · 3252 阅读 · 6 评论