refactor: 代码规范、Bug修复
This commit is contained in:
@@ -1,39 +1,39 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- @change 编辑区发生变化的回调事件 -->
|
||||
<!-- @save ctrl + s 的回调事件(保存按键,同样触发该回调) -->
|
||||
<cute-markdown
|
||||
:content="markdown.content"
|
||||
@change="onChange"
|
||||
@save="onSave"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CuteMarkdown from '@/views/components/dev/CuteMarkdown'
|
||||
|
||||
export default {
|
||||
name: 'CuteMarkdownDemo',
|
||||
components: { CuteMarkdown },
|
||||
data() {
|
||||
return {
|
||||
markdown: {
|
||||
height: '200px',
|
||||
content: '初始化内容'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onChange(text, markdown) {
|
||||
console.log('onChange:text', text)
|
||||
console.log('onChange:markdown', markdown)
|
||||
},
|
||||
onSave(text, markdown) {
|
||||
console.log('onSave:text', text)
|
||||
console.log('onSave:markdown', markdown)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- @change 编辑区发生变化的回调事件 -->
|
||||
<!-- @save ctrl + s 的回调事件(保存按键,同样触发该回调) -->
|
||||
<cute-markdown
|
||||
:content="markdown.content"
|
||||
@change="onChange"
|
||||
@save="onSave"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CuteMarkdown from '@/views/components/dev/CuteMarkdown'
|
||||
|
||||
export default {
|
||||
name: 'CuteMarkdownDemo',
|
||||
components: { CuteMarkdown },
|
||||
data() {
|
||||
return {
|
||||
markdown: {
|
||||
height: '200px',
|
||||
content: '初始化内容'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onChange(text, markdown) {
|
||||
console.log('onChange:text', text)
|
||||
console.log('onChange:markdown', markdown)
|
||||
},
|
||||
onSave(text, markdown) {
|
||||
console.log('onSave:text', text)
|
||||
console.log('onSave:markdown', markdown)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user