your294
前端开发
·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
0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
下载 APP