美文网首页
uni-app常用代码

uni-app常用代码

作者: 酒鬼丶 | 来源:发表于2018-11-27 10:35 被阅读239次

常用代码快


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>

相关文章

网友评论

      本文标题:uni-app常用代码

      本文链接:https://www.haomeiwen.com/subject/raowqqtx.html