未捕获(承诺中)传递的组件-未定义无效.kendoui

Question

在本例中https://www.telerik.com/kendo-vue-ui/components/grid/有一种计算方法

gridSearchMessage() {
return provideLocalizationService(this).toLanguageString(
"gridSearch",
"Search in all columns..."
);
}

这是OptionsAPI。所以我想把它转换成CompositionAPI

const gridSearchMessage : ComputedRef<string> = computed<string>(() => {
return provideLocalizationService(this).toLanguageString(
"gridSearch",
"Search in all columns..."
)
})

但是我得到了上面的错误。有什么解释为什么会发生这种情况吗？只需将此方法更改为

const gridSearchMessage : ComputedRef<string> = computed<string>(() => {
return "Search in all columns..."
})

所有工作符合预期

Answer 1

this仅在Options API中可用。

对于Composition API，您需要从vue模块获取getCurrentInstance函数。

import { getCurrentInstance } from 'vue'
const instance = getCurrentInstance()
const gridSearchMessage : ComputedRef<string> = computed<string>(() => {
return provideLocalizationService(instance).toLanguageString(
"gridSearch",
"Search in all columns..."
)
})