项目小结——文章发布后台

文章发布后台小结

决定开始对每个大小项目进行总结 有利于知识的巩固
很长一段时间没有做pc页面，借着这次项目回忆一下以前所学所用

elementui 的一些组件问题

1.FormItem表单中的限制提示

<FormItem label="导语" prop="Introduction">

ruleValidate: {
                    Introduction: [
                        {
                            required: true,
                            validator: (rule, value, callback) => {
                                const reg = /^\s+$/gi
                                if (value == '') {
                                    callback(new Error('标题为必填项'))
                                } else if (reg.test(value)) {
                                    callback(new Error('请以正确格式填写'))
                                } else {
                                    callback()
                                }
                            },
                            trigger: 'change'
                        }
                    ],
                }

2.Upload传视频 图片
传图片并没有什么问题，而传本地视频时，如果文件过大会导致上传失败，需要对视频做分段处理。上传视频的外部链接直接用v-html就可以在页面显示出视频

文本编辑器
一开始先用了wangeditor，进行配置后，发现输入文本，如果焦点还在编辑器内，直接保存，内容保存依旧是上一次的。尝试一些方法没有很好的解决，换了一个新的编辑器vue2-editor

                       <vue-editor
                                v-model="formValidate.content"
                                :editor-toolbar="customToolbar"
                                ref="meetingConclusionRef"
                                :useCustomImageHandler="true"
                                @imageAdded="handleImageAdded"
                                @image-added="handleImageAdded"
                        >
                        </vue-editor>

customToolbar是基础配置 handleImageAdded是上传图片的配置

watch监听

       watch: {
            'formValidate.choseType': {
                deep: true,
                handler(value) {
                    
            }
        },

watch监听对象的一个属性，需要加引号