美妆网站开发规划书,芜湖建站公司,如何做网站的,汤臣杰逊品牌策划公司目录
#基本使用
#配置toast主题
#toast结束跳转URL
#API
#Props
#Params
#Methods 此组件表现形式类似uni的uni.showToastAPI#xff0c;但也有不同的地方#xff0c;具体表现在#xff1a;
uView的toast有5种主题可选可以配置toast结束后#xff0c;跳转相应URL目…
目录
#基本使用
#配置toast主题
#toast结束跳转URL
#API
#Props
#Params
#Methods 此组件表现形式类似uni的uni.showToastAPI但也有不同的地方具体表现在
uView的toast有5种主题可选可以配置toast结束后跳转相应URL目前没有加载中的状态请用uni的uni.showLoading这个需求uni已经做得很好
注意
由于uni中无法通过js创建元素所以需要在页面中调用toast /组件再通过ref开启
#基本使用
以下为一个模拟登录成功后弹出toast提示并在一定时间(默认2000ms)后自动跳转页面到个人中心页(也可以配置跳转的参数)的示例
templateviewu-toast refuToast //view
/templatescriptexport default {methods: {showToast() {this.$refs.uToast.show({title: 登录成功,type: success,url: /pages/user/index})}}}
/script#配置toast主题
一共有6种主题可选如下
default-灰黑色最普通的场景此为默认主题可以不用填type参数error-红色代表错误success-绿色代表成功warning-黄色代表警告info-灰色比default浅一点primary-蓝色uView的主色调
除了default状态其他5种主题都是默认带有一个左边的图标可以通过配置icon参数为none来取消
this.$refs.uToast.show({title: 操作成功,// 如果不传此type参数默认为default也可以手动写上 type: default// type: success, // 如果不需要图标请设置为false// icon: false
})#toast结束跳转URL
如果配置了url参数在toast结束的时候就会用uni.navigateTo(默认)或者uni.switchTab(需另外设置isTab为true)如果配置了params参数就会在跳转时自动在URL后面拼接上这些参数具体用法如下
this.$refs.uToast.show({title: 操作成功,url: /pages/user/index,params: {id: 1,menu: 3}
})#API
#Props
参数说明类型默认值可选值z-indextoast展示时的z-index值String | Number10090-
#Params
这些参数为通过ref调用toast/组件内部的show方法时需要传递参数
参数说明类型默认值可选值title显示的文本String--type主题类型不填默认为defaultStringdefaultprimary / success / error / warning / infodurationtoast的持续时间单位msNubmer2000-urltoast结束跳转的url不填不跳转优先级高于back参数String--icon是否显示显示type对应的图标为false不显示图标Booleantruefalsepositiontoast出现的位置Stringcentertop / bottomcallback 1.3.6toast结束后执行的回调方法Function--isTabtoast结束后跳转tab页面时需要配置为trueBooleanfalsetrueback 1.4.0toast结束后是否返回上一页优先级低于url参数Booleanfalsetrue
#Methods
方法是通过ref调用的参见上方说明 注意所有有关ref的调用都不能在页面的onLoad生命周期调用因为此时组件尚未创建完毕会报错应该在onReady生命周期调用。
方法名说明参数版本show显示toast如需一进入页面就显示toast请在onReady生命周期调用见上方说明-
