第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何創(chuàng)建具有多個 vue 指令的 npm 包?或者我應(yīng)該為每個指令創(chuàng)建一個包?

如何創(chuàng)建具有多個 vue 指令的 npm 包?或者我應(yīng)該為每個指令創(chuàng)建一個包?

胡子哥哥 2023-04-27 16:44:12
我可以通過在 src/index.js 文件中導(dǎo)出單個 vue 指令來創(chuàng)建 npm 包。但是我怎樣才能創(chuàng)建一個讓你使用多個 vue 指令的包。我無法在同一個 index.js 文件中導(dǎo)出兩個 vue 指令。export default Vue.directive('directive1', {  inserted: function (el, binding, vnode) {    el.addEventListener('mouseup', (e) => mouseup(e, el, _data))    el.addEventListener('mousedown', (e) => mousedown(e, el, _data))    el.addEventListener('mousemove', (e) => mousemove(e, el, _data))    setDraggerOffset(el, _data)  }})export default Vue.directive('directive2', {  inserted: function (el, binding, vnode) {    el.addEventListener('mouseup', (e) => mouseup(e, el, _data))    el.addEventListener('mousedown', (e) => mousedown(e, el, _data))    el.addEventListener('mousemove', (e) => mousemove(e, el, _data))    setDraggerOffset(el, _data)  }})
查看完整描述

2 回答

?
長風(fēng)秋雁

TA貢獻1757條經(jīng)驗 獲得超7個贊

您正在嘗試導(dǎo)出兩個默認值。默認值意味著您只需說即可獲得該值import MyPack from 'path/to/package'。您需要導(dǎo)出常量,并在導(dǎo)入的位置進行解構(gòu)。

包裝內(nèi)

export?const?vD1?=?Vue.directive('directive1',?{
??...
})export?const?vD2?=?Vue.directive('directive2',?{
??...
})

無論您在哪里進口:

import?{?vD1,?vD2?}?from?'path/to/package';


查看完整回答
反對 回復(fù) 2023-04-27
?
一只甜甜圈

TA貢獻1836條經(jīng)驗 獲得超5個贊

查看Vue 指南:編寫一個插件,我們可以按照該指南開發(fā)我們的指令,然后允許用戶通過第二個參數(shù)=激活特定指令options

就像下面的演示(假設(shè) export?myDirectives,并且只 enable?directive1):

let myDirectives = {}

let _defaultDirectives = ['directive1', 'directive2']

myDirectives.directive1 = {

? inserted: function (el, binding, vnode) {

? ? el.addEventListener('mouseup', (e) => mouseup(e, el, _data))

? ? el.addEventListener('mousedown', (e) => mousedown(e, el, _data))

? ? el.addEventListener('mousemove', (e) => mousemove(e, el, _data))

? ? console.log('directive1', `setDraggerOffset(el, _data)`)

? }

}


myDirectives.directive2 = {

? inserted: function (el, binding, vnode) {

? ? el.addEventListener('mouseup', (e) => mouseup(e, el, _data))

? ? el.addEventListener('mousedown', (e) => mousedown(e, el, _data))

? ? el.addEventListener('mousemove', (e) => mousemove(e, el, _data))

? ? console.log('directive2', `setDraggerOffset(el, _data)`)

? }

}


myDirectives.install = function (Vue, options) {

? let selectedDirectives = (options && options.directives) || _defaultDirectives

? selectedDirectives.forEach((directive) =>?

? ? Vue.directive(directive, this[directive])

? ? // this[directive + 'Definition'] = Vue.directive(directive, this[directive])

? )

}


// export default myDirectives


// Vue.use(myDirectives) // default option is register both directive1 and directive 2

Vue.use(myDirectives, {directives: ['directive1'] }) // register directive1 only


// console.log('Definition', myDirectives.directive1Definition, myDirectives.directive2Definition)


new Vue({

? el: '#app'

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">

? <span v-directive1></span>

? <span v-directive2></span>

</div>


查看完整回答
反對 回復(fù) 2023-04-27
  • 2 回答
  • 0 關(guān)注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號