有人知道如何提供设置函数中的变量吗?
export default {
name: "MyComponent",
provide: {
myVariableThatIWantToProvide // This is not working
},
setup() {
const myVariableThatIWantToProvide = ref('test');
return {
myVariableThatIWantToProvide
};
}
};
</script>
最佳答案
您应该导入 provide
来自 vue 并在 setup 函数中使用:
import {ref,provide} from "vue"
export default {
name: "MyComponent",
setup() {
const myVariableThatIWantToProvide = ref('test');
provide ('myVariableThatIWantToProvide', myVariableThatIWantToProvide )
return {
myVariableThatIWantToProvide
};
}
};
</script>
在孙子组件中:import {inject} from "vue"
export default {
name: "somechild",
setup() {
const myVariableThatIWantToProvide =inject ('myVariableThatIWantToProvide')
return {
myVariableThatIWantToProvide
};
}
};
</script>
关于javascript - 使用 Vue 3 提供带有设置功能的注入(inject),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65259629/