网站app简单做,网页设计师考试内容,郑州app软件开发公司,东莞企业为什么网站建设目录 #基本使用 #配置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生命周期调用见上方说明-