1,data中的数据如果要访问需要用this.data.属性名,写vue写多了会忘掉data。
2.数据的更新一定切记使用this.setData({属性名:要更新的值})这样更新。
3.如果想要得到flex-shrink布局效果,display无法实现,只能使用微信小程序自带的标签scroll-view,属性文档里都有。
4.使用vant要先在微信小程序工具-构建npm-然后路径要记得在project.config.json换成一样的
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram_npm/"
}
],
vant里有导入教程;
5.如果使用vscode写原生或者uni,需要本地配置打勾✔,
6.如果页面需要双层for循环或者多层循环不要忘了需要用属性设置子循环名称:
wx:for-item="child"
7.在原生的小程序中如果后台返回html数据,需要使用标签来渲染,v-html不起效果,但是uni是可以的,
<rich-text nodes="{{allList.goods_introduce}}"></rich-text>
8.各种常用api汇聚一下
//操作菜单,底部出现弹出操作菜单
wx.showActionSheet({
itemList: ['选择图片','选择视频'],
itemColor: '#000000',
success: (result)=>{
console.log(result);
//tapIndex是选择的下标比如itemList里有两个,选第一个的话tapindex就是0;
},
fail: ()=>{},
complete: ()=>{}
});
//出现确认模态框
wx.showModal({
title: '退出提示',
content: '确定要退出么',
showCancel: true,
cancelText: '取消',
cancelColor: '#000000',
confirmText: '确定',
confirmColor: '#3CC51F',
success: (result) => {
if (result.confirm) {
//点击确定所作操作
}
},
});
//小程序的本地存储
wx.getStorageSync()
wx.setStorageSync()
//弹出提示信息
wx.showToast({
title: '',
icon: 'none',
image: '',
duration: 1500,
mask: false,
success: (result)=>{
},
fail: ()=>{},
complete: ()=>{}
});
//查看是否有授权
wx.getSetting({
success: (result) => {
},
fail: () => {},
complete: () => {}
});
//开启权限
wx.openSetting({
success: (result)=>{
},
fail: ()=>{},
complete: ()=>{}
});
//获取地址信息,并跳转地址页,右上角有确定,真机测试能体验完整功能,如果电脑测试只是假数据地址并且不能添加地址
wx.chooseAddress({
success: (result) => {
},
fail: () => {},
complete: () => {}
});
//上传图片 ,当你看到这篇文章时,证明上传video和image都可以使用wx.chooseMedia,因为他们不在维护了,但并不代表不能使用,使用wx.chooseMedia会更加方便
wx.chooseImage({
count: 9, //最多可以选择的图片的数量
sizeType: ['original', 'compressed'], //图片的尺寸或者叫原图和压缩
sourceType: ['album', 'camera'], //图片的来源
success: (result) => {
},
fail: () => {},
complete: () => {}
});
//上传文件接口
wx.uploadFile({
url: '上传的网络地址',
filePath: , //小程序本地的路径
name: , //后台获取我们图片的key
formData: {}, //额外的参数formData
success: (result) => {
},
fail: () => {},
complete: () => {}
});
//上传视频
wx.chooseMedia({
count:1, //上传数量
sourceType:['album', 'camera'], //图片来源
sizeType:['original', 'compressed'], //图片:原图和压缩
compressed: true, //是否压缩
maxDuration:15, //拍摄的时长
camera: 'back', //前置还是后置的摄像头
success: (result)=>{
console.log(result);
},
});