Vue 3.0 在prop的默認函數中訪問this

2021-07-16 11:25 更新

生成 prop 默認值的工廠函數不再能訪問 this。

替代方案：

  • 把組件接收到的原始 prop 作為參數傳遞給默認函數；
  • 注入 API 可以在默認函數中使用。

import { inject } from 'vue'


export default {
  props: {
    theme: {
      default (props) {
        // `props` 是傳遞給組件的原始值。
        // 在任何類型/默認強制轉換之前
        // 也可以使用 `inject` 來訪問注入的 property
        return inject('theme', 'default-theme')
      }
    }
  }
}
以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號