小码哥的IT人生

首页 > JS > vue

Vue 3.0 在prop的默认函数中访问this 的方法实例

vue 2022-05-07 17:09:34小码哥的IT人生shichen

生成 prop 默认值的工厂函数不再能访问 this

替代方案:

  1. 把组件接收到的原始 prop 作为参数传递给默认函数;
  2. 注入 API 可以在默认函数中使用。
import { inject } from 'vue'
export default {
  props: {
    theme: {
      default (props) {
        // `props` 是传递给组件的原始值。
        // 在任何类型/默认强制转换之前
        // 也可以使用 `inject` 来访问注入的 property
        return inject('theme', 'default-theme')
      }
    }
  }
}
 

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024