diff --git a/src/components/JSCodeEditorDialog.vue b/src/components/JSCodeEditorDialog.vue index 8484f98..3a36ff1 100644 --- a/src/components/JSCodeEditorDialog.vue +++ b/src/components/JSCodeEditorDialog.vue @@ -3,10 +3,17 @@ :center=true> -
- 确认修改 -
Tips: 确认修改之后将会影响最终生成的代码逻辑
-
请检查语法错误:{{error}}
+
+
+ 确认修改 +
请检查语法错误:{{error}}
+
+ +
+ 帮助与说明 +
Tips: 建议看一下使用说明
+
@@ -19,16 +26,7 @@ import CodeEditor from './CodeEditor.vue' import prettier from "prettier/standalone"; import babel from "prettier/parser-babel"; -export default { - props: ['codeDialogVisible'], - components: { - CodeEditor - }, - - data() { - return { - error: '', - code: dedent` +const example = dedent` /** * 以下代码中的方法会被注入到最终的代码中,如果命名与源代码有相同的,则会替换源代码 * 内部集成了axios,开发者可以直接通过axios发起网络请求,不过接口需要允许跨域。 @@ -36,9 +34,6 @@ export default { * axios官方文档:https://www.npmjs.com/package/axios */ { - props: [], - components: {}, - data() { return { @@ -57,25 +52,20 @@ export default { axios.get('https://apis.sahadev.tech/exchange?url=https://www.baidu.com').then(res => console.info(res), err => console.error(err)); } }, - - // 生命周期 start - beforeCreate() {}, - created() {}, - - beforeMount() {}, - mounted() {}, - - beforeUpdate() {}, - updated() {}, - - beforeDestory() {}, - destoryed() {}, - // 生命周期 end - - fillter: {}, }; - ` + +export default { + props: ['codeDialogVisible'], + components: { + CodeEditor + }, + + data() { + return { + error: '', + code: example, + example: `${example}` }; }, beforeCreate() { },