在composition API中不用getCurrentInstance 获取this是不是就不能绑定表单？

来源：7-3 用户列表交互实现

小菜鸡冲冲冲

2021-05-26

//==重置查询==    
const handleReset=()=>{ 
ctx.$refs.form.resetFields()
}

看网上说用getCurrentInstance 获取ctx只能在测试环境下使用，有没有办法不用ctx也能在composition API里绑定表单

写回答

3回答

河畔一角

2021-06-04

已采纳

Lemon甜橙君回答的是正确的答案，如果不通过ctx的话，用ref也可以达到同样的效果。

1、<el-form ref="validateForm"></el-form>

2、setup中定义 const validateForm = ref(null)

3、return {validateForm} ，切记一定要return回去

4、validateForm.value.resetFields()

Lemon甜橙君

小菜鸡冲冲冲

ctx不能在生产环境使用,生产环境只能用proxy

2021-06-21

共3条回复

Lemon甜橙君

2021-05-27

比如<el-form ref="validateForm"></el-form>，在setup中 const validateForm = ref(null) 然后return {validateForm}即可，调用的时候使用validateForm.value.resetFields()即可

慕盖茨3042173

2021-12-29

用proxy代替ctx可以达到一样的效果，不知道会不会有什么坑

慕九州4451910

河畔一角

所以老师您课程中所有使用ctx的地方是否应该都改成proxy？这是第一个问题，第二个问题是：比起在vue3中使用proxy，是不是有更好的办法规避vue2中使用this的思维方式，比如：将main.js中全局挂载api的方式改为封装一个单独的js模块后（比如http.js），导出export给别的文件import使用的方式更好呢？

2022-07-14

共2条回复

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈，让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程

相似问题

接口调用失败

回答 2

课程哪些内容是基于Vue3讲解的？如何看待Composition API和Options API?

回答 1

请问老师为什么不推荐全局的写法，而是采用每次引入的方式使用

回答 1

所有语法都用vue2 啥意思？标题起的vue3.0 你这是严重不符退课

回答 1

getTreeMenu中的this问题

回答 2

打开慕课网App查看更多内容