常用代码快
import {
mapState,
mapMutations
} from 'vuex'
var tool = require('../common/util.js')
navigateTo: function () {
uni.navigateTo({
url: 'navigator'
})
},
navigateBack: function () {
uni.navigateBack()
},
redirectTo: function () {
uni.redirectTo({
url: 'navigator'
})
}
uni.showModal({
title:"获取用户信息失败",
content:"错误原因"+e.detail.errMsg,
showCancel:false
});
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
uni.showLoading({
title: '加载中'
});
setTimeout(function () {
uni.hideLoading();
}, 2000);
uni.showActionSheet({
itemList: ['A', 'B', 'C'],
success: function (res) {
console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
},
fail: function (res) {
console.log(res.errMsg);
}
});
<button @tap="navigateTo">跳转新页面</button>
<button @tap="navigateBack">返回上一页</button>
<button @tap="redirectTo">在当前页面打开</button>
border-bottom:1px solid #c8c7cc70
页面代码块
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
title: '测试'
}
},
computed: {
...mapState(['hasLogin', 'username', 'vip','name', 'sex', 'header', 'vip_time'])
},
methods:{
...mapMutations(['logout','login'])
},
onLoad(){
console.log("监听页面加载 ")
},
onShow(){
console.log("监听页面显示 ")
},
onReady(){
console.log("监听页面初次渲染完成 ")
},
onHide(){
console.log("监听页面隐藏 ")
},
onUnload(){
console.log("监听页面卸载 ")
},
onPullDownRefresh(){
console.log("监听用户下拉动作,一般用于下拉刷新 ")
},
onReachBottom(){
console.log("页面上拉触底事件的处理函数 ")
},
onShareAppMessage(){
console.log("用户点击右上角分享 ")
},
onNavigationBarButtonTap (e){
console.log("监听原生标题栏按钮点击事件,参数为Object ")
},
onPageScroll(e){
console.log("监听页面滚动,参数:"+e)
},
onTabItemTap(){
console.log("当前是 tab 页时,点击 tab 时触发 ")
},
components: {
}
}
</script>
<style>
@import "../common/uni.css";
</style>
网友评论