汶上小程序制作【汶上企业邮箱】汶上网站外包、汶上微信商城开发、汶上网店美工、汶上淘宝设计

汶上小程序制作【汶上企业邮箱】汶上网站外包、汶上微信商城开发、汶上网店美工、汶上淘宝设计

汶上地处山东省西南部，东临古城兖州，西接水泊梁山，南依微山湖，北枕东岳泰山。东经116°40′—116°18′北纬35°31′—35°36′，大部分地区处于平原地带，汶上县属北温带大陆性季风湿润气候区。 [1] 

汶上县境内有大汶河，小汶河流经北部以及西部，又有泉河等河流流经中东部而后汇流到小汶河，包括县域下面的地下水也全部源于汶水的补给，汶上整个县域地处汶水之上，因此得名汶上。

2012年，汶上县地区生产总值完成200亿元。2018年12月13日，汶上县入选中国特色农产品优势区名单。 [2]  2019年2月2日，被国家中医药管理局评为县级全国基层中医药工作先进单位。 [3]  2020年7月29日，入选2017-2019周期国家卫生乡镇（县城）命名名单。 [4] 

在我们开发过程中或多或少会遇到需要富文本的功能，富文本编辑器其实也很多，但是我们常用的就是那么几个，比如百度UEditor富文本编辑器，这个使用起来也方便，功能也很完善。但是总有那么一点吊胃口，在vue项目中使用的话很难配置，我们今天就来讲讲怎么配置。首先我们去下载【vue-ueditor-wrap】这个插件。然后下载成功了去项目的node_modules文件夹里找到vue-ueditor-wrap文件夹，在找到vue-ueditor-wrap.min.js这个文件，搜索UEDITOR_HOME_URL修改为【UEDITOR_HOME_URL:”./UEditor/“】，这样就不用了配置什么开发路径正式路径了，接着再去修改一下vue-ueditor-wrap-》src-》components-》vue-ueditor-wrap.vue文件中大概17左右，注释掉部分代码，如：

data () {    return {        status: 0,        initValue: '',        defaultConfig: {            // VUE CLI 3 会添加 process.env.BASE_URL 的环境变量，而 VUE CLI 2 没有，所以借此设置 UEDITOR_HOME_URL，能涵盖大部分 Vue 开发者的使用场景
            // UEDITOR_HOME_URL: process.env.BASE_URL ? process.env.BASE_URL + '/UEditor/' : '/xhd_admin/dist/UEditor/',
            enableAutoSave: false
        }
    };

这样弄就好了。还有就是百度富文本还是要下载哦，不能只下vue-ueditor-wrap，下载了百度UEditor解压后放到项目的public文件夹下就好了。
使用方法：

<vue-ueditor-wrap v-model="msg" :config="config" />

import VueUeditorWrap from "vue-ueditor-wrap";
data(){    return{        config: {            // 编辑器不自动被内容撑高
            autoHeightEnabled: false,            // 初始容器高度
            initialFrameHeight: 240,            // 初始容器宽度
            initialFrameWidth: "100%",            // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
            serverUrl: "http://35.201.165.105:8000/controller.php",            // UEditor 资源文件的存放路径，如果你使用的是 vue-cli 生成的项目，通常不需要设置该选项，vue-ueditor-wrap 会自动处理常见的情况，如果需要特殊配置，参考下方的常见问题2
            UEDITOR_HOME_URL: "./UEditor/",            zIndex: 3500,//层级
        },
    }
}

到了这里就可以使用了。

汶上小程序制作【汶上企业邮箱】汶上网站外包、汶上微信商城开发、汶上网店美工、汶上淘宝设计