wx.lin使用方法

在一些操作交互方面,有些组件可以全局挂载一个调用的方法,比如说vue中的类似的调用方法this.$message,同样的在小程序的组件中,我们也设计了类似的调用方法,不过在小程序中使用会受到一些限制:

  1. 需要调用某个组件时,必须在对应的页面的json文件中引入并在wxml文件中挂载。
  2. 组件仅显示在引入的页面,跳转到其他页面时组件将会消失。比如某些场景下,在成功操作后会提示并跳转页面,这种场景建议传入回调函数在组件隐藏后再进行跳转或者使用原生的API
  3. 一个页面只能引入一个相关的组件,比如water-flow组件每一个页面只能使用一次该组件。

下面以Loading组件为例,介绍下wx.lin的用法:

  1. jsonwxml文件中引入loading组件。
{
  "usingComponents": {
    "l-loading": ""
  }
}
<!-- index.wxml -->
<l-loading />
  1. js文件调用API并传入参数即可,参数参考对应组件的属性列表,参数均为非必填,并且参数需改为驼峰命名
onLoad(){
  wx.lin.showLoading({
    type:"filp",
    fullScreen: true
  })
  setTimeout(()=>{
    wx.lin.hideLoading()
  },2000)
}

TIP

显示的API为wx.lin.show${组件名称},隐藏的API为wx.lin.hide${组件名称}(某些组件不支持隐藏)。

    上次更新: 2019-8-31 22:38:31