1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| <template>
| <div class="box">
| 新闻标题：<el-input v-model="title" placeholder="请输入新闻标题"></el-input><br/><br/>
| 发布日期：<el-input v-model="releaseTime" placeholder="请输入新闻发布日期"></el-input>
| 新闻内容：<quill-editor ref="text" v-model="content" class="myQuillEditor" :options="editorOption" />
| <el-button type="primary" @click="submit">确定</el-button>
| <el-button type="success">提交</el-button>
| </div>
| </template>
| <script>
| import { quillEditor } from 'vue-quill-editor'
| import 'quill/dist/quill.core.css'
| import 'quill/dist/quill.snow.css'
| import 'quill/dist/quill.bubble.css'
| export default {
| components:{ quillEditor },
| data(){
| return {
| title:'', //标题内容
| releaseTime:'', //发布日期
| content: '', //新闻内容
| editorOption: {
| placeholder: "请输入正文",
| } , //编辑器新闻对象
| }
| },
| created(){
| },
| methods:{
| submit () {
| console.log(this.$refs.text.value)
| }
| }
| }
| </script>
|
| <style lang="less" scoped>
| .box{
| width: 1200px;
| margin: 0 auto;
| }
| </style>
|
|
