refactor: 更新组件演示路径并添加新组件
- 更新数据库中组件演示路径,将 'demo' 替换为 'componentsDemo'- 添加多个新组件的 Vue 文件,包括: - CuteBusinessDemo - CuteDragTableDemo - CuteFileUploadDemo - CuteJavaEditorDemo - CuteMarkdownDemo - CuteOneKeyCopyDemo - CuteRichTextEditorDemo - CuteSimpleTableDemo - 新组件涵盖了业务组件、表格组件、富文本编辑器、Markdown 编辑器等多种类型
This commit is contained in:
@@ -0,0 +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.error('onChange:text', text)
|
||||
console.error('onChange:markdown', markdown)
|
||||
},
|
||||
onSave(text, markdown) {
|
||||
console.error('onSave:text', text)
|
||||
console.error('onSave:markdown', markdown)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user