摘要:使用与制作的一款弹框插件演示地址使用与安装安装运行使用到的工具目录结构实现思路使用和做好控件后在公共接口处进行控件实例化关键代码进行的设置绑定事件及其它操作释放内容及其它处理
使用Vue与d3.js制作的一款弹框插件
演示地址
使用与安装//安装 npm install //运行 npm run build使用到的工具
gulp
rollup
vue
d3
jsdoc
sass
目录结构 实现思路使用d3.js和vue.js做好控件后在公共接口处进行控件实例化
关键代码:
import modalbase from "./modal.vue" let ModalConstructor = Vue.extend(modalbase) export const ModalFactory = function (options = {}) { ... //进行propsData的设置 instance = new ModalConstructor({ el: document.createElement("div"), propsData: defaultOptions }) ... //绑定事件及其它操作 document.body.appendChild(instance.$el) return new Promise(function(resolve,reject){ instance.open().then(function(){ instance .$el .parentNode .removeChild(instance.$el) ... // 释放内容及其它处理 }) }) }
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/83592.html
摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...
摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...
摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...
摘要:全面配置文章系列安装依赖修改修改 ☞☞☞nuxt.js全面配置☜☜☜ ☞☞☞nuxt文章系列☜☜☜ babel-plugin-component 安装依赖 npm i -D babel-plugin-component // or yarn add -D babel-plugin-component 修改nuxt.config.js module.exports = { bui...
阅读 1164·2021-09-10 10:51
阅读 896·2019-08-30 15:53
阅读 2724·2019-08-30 12:50
阅读 976·2019-08-30 11:07
阅读 1990·2019-08-30 10:50
阅读 3598·2019-08-29 18:47
阅读 1308·2019-08-29 18:44
阅读 1599·2019-08-29 17:01