資訊專欄INFORMATION COLUMN
摘要：使用與制作的一款彈框插件演示地址使用與安裝安裝運(yùn)行使用到的工具目錄結(jié)構(gòu)實(shí)現(xiàn)思路使用和做好控件后在公共接口處進(jìn)行控件實(shí)例化關(guān)鍵代碼進(jìn)行的設(shè)置綁定事件及其它操作釋放內(nèi)容及其它處理
使用Vue與d3.js制作的一款彈框插件
演示地址
使用與安裝//安裝 npm install //運(yùn)行 npm run build使用到的工具
gulp
rollup
vue
d3
jsdoc
sass
目錄結(jié)構(gòu) 實(shí)現(xiàn)思路使用d3.js和vue.js做好控件后在公共接口處進(jìn)行控件實(shí)例化
關(guān)鍵代碼：
import modalbase from "./modal.vue"
let ModalConstructor = Vue.extend(modalbase)
export const ModalFactory = function (options = {}) {
... //進(jìn)行propsData的設(shè)置
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)
... // 釋放內(nèi)容及其它處理
})
})
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/83592.html
摘要：這是一段內(nèi)容標(biāo)題名稱確定點(diǎn)擊確定后的回調(diào)函數(shù)確認(rèn)消息彈框提示用戶確認(rèn)其已經(jīng)觸發(fā)的動作，并詢問是否進(jìn)行此操作時會用到此對話框。。 初始化一個Vue項(xiàng)目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...
摘要：這是一段內(nèi)容標(biāo)題名稱確定點(diǎn)擊確定后的回調(diào)函數(shù)確認(rèn)消息彈框提示用戶確認(rèn)其已經(jīng)觸發(fā)的動作，并詢問是否進(jìn)行此操作時會用到此對話框。。 初始化一個Vue項(xiàng)目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...
摘要：這是一段內(nèi)容標(biāo)題名稱確定點(diǎn)擊確定后的回調(diào)函數(shù)確認(rèn)消息彈框提示用戶確認(rèn)其已經(jīng)觸發(fā)的動作，并詢問是否進(jìn)行此操作時會用到此對話框。。 初始化一個Vue項(xiàng)目 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...
閱讀 1234·2021-09-10 10:51
閱讀 984·2019-08-30 15:53
閱讀 2792·2019-08-30 12:50
閱讀 1037·2019-08-30 11:07
閱讀 2050·2019-08-30 10:50
閱讀 3681·2019-08-29 18:47
閱讀 1371·2019-08-29 18:44
閱讀 1661·2019-08-29 17:01
