如图，无论怎么点tinymce无法弹出功能选项，任何功能都用不了
我vant4的版本是
"vant": "^4.0.3"
这是基于vue-cli4实现的移动端H5开发模板，其
中
包含项目常用的配置及组件封装，可以快速开发
使用
。
技术栈：vue-cli4 + webpack4 +
vant
+ axios +更少+ postcss-px2rem
// 安装依赖
npm install
// 本地启动
npm run dev
// 生产打包
npm run build
vant
是一套轻量，可靠的移动端Vue组件库，非常适合基于vue技术栈的移动端开发。在过去很长的投放内，本人用的移动端UI框架都是vux。后来由于vux不支持vue-cli3，就转用了
vant
，必须说，无论是
首先
使用
npm i vue-quill-editor -save 安装vue-quill-editor第二、我们新建一个.vue文件存放当前的
富文本编辑器
，这里我会
使用
全局组件
使用
引入，当然，你也可以
使用
局部组件，
使用
方式相同，废话不多说，直接贴代码，这个
使用
vant
图片上传，因为vue-quill-editor在ios是点不开的<!-- 模板 -->
<template&g...
可以
使用
vant
4
中
的Popup弹出框和Address编辑器(AddressEdit)来实现混合
使用
。
首先，在需要弹出地址编辑器的地方，添加一个按钮或者其他元素，绑定一个
点击
事件，
点击
时触发弹出框。
```html
<template>
<van-button type="primary" @click="showPopup">编辑地址</van-button>
<van-popup v-model="show" position="bottom">
<van-address-edit
:area-list="areaList"
show-postal
@cancel="onCancel"
@confirm="onConfirm"
</van-popup>
</template>
然后在Vue实例
中
，定义`show`变量控制弹出框的显示和隐藏，并且定义`areaList`变量作为地址编辑器的数据源。
```js
<script>
export default {
data() {
return {
show: false,
areaList: {}
methods: {
showPopup() {
this.show = true;
onCancel() {
this.show = false;
onConfirm(value) {
console.log(value);
this.show = false;
</script>
在`onConfirm`方法
中
，可以获取到地址编辑器填写的数据，自行处理后续逻辑。
以上就是在
vant
4
中
使用
Popup弹出框和Address编辑器(AddressEdit)混合
使用
的方法。
