富文本插件使用方法

富文本插件使用方法

一般情况我们在很多时候，都能够遇到使用富文本的内容，以便编辑内容时更加得心应手，那富文本插件该怎样使用呢？

第一步：打开浏览器中的Vue CLI

在运行中输入  vue ui 回车

第二步：安装依赖 vue-quill-editor

第三步：配置富文本内容

在main.js中输入

// 使用富文本
	import VueQuillEditor from 'vue-quill-editor'
	import 'quill/dist/quill.core.css'
	import 'quill/dist/quill.snow.css'
	import 'quill/dist/quill.bubble.css'

在使用的文件中输入标签

<quill-editor
  v-model="goods_introduce">		// 双向数据绑定
</quill-editor>

<script>
	export default {
  		data() {
    		return {
    			goods_introduce:''
    		}
    	}
</script>

就可以得到