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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

胡子哥哥 2023-04-27 16:44:12
我可以通過(guò)在 src/index.js 文件中導(dǎo)出單個(gè) vue 指令來(lái)創(chuàng)建 npm 包。但是我怎樣才能創(chuàng)建一個(gè)讓你使用多個(gè) vue 指令的包。我無(wú)法在同一個(gè) index.js 文件中導(dǎo)出兩個(gè) 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 回答

?
長(zhǎng)風(fēng)秋雁

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊

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

包裝內(nèi)

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

無(wú)論您在哪里進(jìn)口:

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


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

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個(gè)贊

查看Vue 指南:編寫(xiě)一個(gè)插件,我們可以按照該指南開(kāi)發(fā)我們的指令,然后允許用戶通過(guò)第二個(gè)參數(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>


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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