前端开发
·2024-02-16 OJ项目
有小伙伴在OJ项目交流群里问了前端如何实现重置代码,虽然我主要是学Java后端,但前端略微会一点,仅提出一个方案供斟酌
在CodeEditor.vue下定义一个函数用于重置编辑器代码, 然后用vue的宏defineExpose导出该函数
这是vue官方的教程子组件如何导出函数给父组件调用 https://cn.vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs
但是官方教程忽略了一点,需要给其中的ref绑定到相应的CodeEditor标签上
```vue
<CodeEditor ref="editorRef" :value="''" :language="questionSubmitForm.language" :handle-change="changeCode" />
```
详细代码在代码小抄里
https://www.codecopy.cn/post/mj3s2o
15
0
分享
操作
评论
相关内容
0个评论
全部评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
