Vue 中嵌入 iframe 并进行双向通信的完整流程

背景Vue 应用中,需要使用 el-dialog 弹出一个 iframe 页面,该页面来源于其他项目,这就要解决 Vue 父页面和 iframe 子页面的两个通信问题:Vue 父页面向 iframe 子页面传递初始化数据子页面的关闭按钮,需要通知父页面关闭 el-dia...

阅读全文

Vant Search 搜索

Vant Search 搜索引入import Vue from 'vue';import { Search } from 'vant'; Vue.use(Search);代码演示基础用法v-model 用于控制搜索框中的文字,bac...

阅读全文

vue中使用qqmap

vue中使用qqmap <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=H3SBZ-RAFHS-YYUO7-67LMB-W2FF5-O6BP...

阅读全文

使dialog可拖拽指令

在项目开发过程中,需要支持dialog弹窗可拖拽,则需要对dialog添加指令。具体操作说明如下:(1)在用于存放指令的文件夹内,新建拖拽指令文件夹,例如命名为:el-dragDialog,如下所示:  el-dragDialog/index.js文件代码,如下示:im...

阅读全文

基于ELEMENT-UI的DIALOG对话框组件和腾讯地图选点组件封一个后台可用的经纬度选择组件

1.效果 <location-picker :coord="coord" @change="onLocationPickerChange" /> <el-button @click...

阅读全文

Copyright © 2015-2019 | 黑猫吧(www.heimaoba.cn) | 赣ICP备18005425号-1 |