使用插槽功能，把组件（字段什么都可以）放到某个字段上（Element + Vue）

最新推荐文章于 2022-12-09 18:16:18 发布

Ai卿

最新推荐文章于 2022-12-09 18:16:18 发布

阅读量556

点赞数

分类专栏： Element+Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42307369/article/details/104377680

版权

本文介绍了如何在Vue.js中利用Element UI的插槽功能将组件或字段放置到特定位置。同时，文章提及了codemirror插件的安装和导入，并分享了一个用于验证内容是否为HTML格式的自定义函数。

摘要由CSDN通过智能技术生成

1、codemirror是插件要自行安装，后导入再使用

<template slot-scope="scope" slot="htmltext">
  <!-- 富文本编辑-->
  <codemirror ref="myCm" v-model="form.htmltext" :value="scope.htmltext" :options="cmOptions" class="code"></codemirror>
</template>

/* 代码编辑插件 */
import { codemirror } from 'vue-codemirror'
import 'codemirror/lib/codemirror.css'
import 'codemirror/theme/darcula.css'
Vue.use(codemirror)

/* 富文本编辑插件 */
import AvueUeditor from 'avue-plugin-ueditor'
Vue.use(AvueUeditor);

/* 代码编辑插件可扩展 */
/* 开始 */

import 'codemirror/mode/htmlmixed/htmlmixed'