• 如果需要調(diào)用下面自定義組件里面的 clear () 方法，不知道怎么自定義組件去看一下官方文檔很詳細。

• 自定義組件 .js 文件：

Component({

  // 組件的屬性列表
  properties: {
    // 線寬度
    lineWidth: {
      type: Number,
      value: 1,
      // 屬性變化則調(diào)用
      observer (e) {
        if (this.data.ctx) { this.data.ctx.lineWidth = e }
      }
    }
  },

  // 組件的初始數(shù)據(jù)
  data: {

  },

  // 組件生命周期函數(shù) - 在組件布局完成后執(zhí)行
  ready () {

  },

  // 組件生命周期函數(shù) - 在組件實例被從頁面節(jié)點樹移除時執(zhí)行
  detached () {

  },

  // 組件的方法列表
  methods: {
    // 自定義方法
    clear () {
      console.log("調(diào)用了自定義組件內(nèi)部方法");
    }
  }
})

• 例如我的組件名稱叫 drawing-board，在正常頁面上使用自定義組件：

<drawing-board line-width="10" id="drawing-board"></drawing-board>

• 然后在當(dāng)前使用頁面的 .js 文件里面獲取到組件進行調(diào)用方法

/**
 * 頁面的初始數(shù)據(jù)
 */
data: {
  // 當(dāng)前畫板
  drawingBoard: undefined
},

/**
 * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
 */
onReady: function () {
  this.drawingBoard = this.selectComponent('#drawing-board')
},

// 調(diào)用自定義組件方法
touchClear () {
  this.drawingBoard.clear()
},

• 這樣就能夠成功調(diào)用到自定義組件里面的封裝方法了。