vue 全域性插槽 全域性插座

2022-07-20 07:21:10 字數 703 閱讀 6189

場景:

slot 能夠讓父元件內容插入到子元件中,但是子孫元件不能夠使用slot直接插入內容。在彈窗的時候,全屏彈窗需要直接在元件最上層顯示,如果父元件級別不夠,彈出就可能不是全屏的。

知識點:

1: aa 為元件 。父元件中我是子元件的slot ,子元件中console.log(this.$slots) // [vnode]  列印的虛擬dom含有text:「我是子元件的slot」。儘管那句話不會渲染出來,但是它是存在在子元件slot中的,如果slot沒有命名,預設為default

2:vm.$forceupdate()能夠強制重新整理元件。 

思路:元件a 中slot內容全部返回到元件b中,渲染成元件b的內容.

應用:上層元件 :

任何子孫元件: 這兒的任何內容會被顯示在global-slot中,且這兒不會顯示   注:global-plug元件的this.$slots.default 就是虛擬dom

export default ,

slot = {}

vue.component("global-plug", ,

render(createelement)

})vue.component("global-slot",

})}}

公升級:在插座和插槽元件props 中傳入屬性,根據此屬性的值,確認對應的插座和插槽。就如命名slot一樣。

vue全域性函式

src main.js test.js 首先寫乙個全域性方法放入test.js檔案內 事先定義好的,為了vue識別註冊之用 exports.install function vue,options 使用上面的寫法突然遇到乙個很詭異的報錯 referenceerror exports is not d...

Vue全域性配置

vue.config.silent true取消 vue 所有的日誌與警告。vue.config.optionmergestrategies.my option function parent,child,vm const profile vue.extend profile.options.my ...

vue 全域性註冊

當你註冊完之後,可以在任何元件中直接使用,而不需要在各個元件中引入並區域性註冊 通常公共元件放在src資料夾下的components資料夾中,這裡的元件進行全域性註冊。1 在src資料夾中新建utils資料夾,utils資料夾中一般存放通用的輔助檔案 方法 資料等 2 在資料夾中新建componen...