Vue 元件你不知道的乙個細節

2021-10-02 19:01:58 字數 975 閱讀 1293

在h5的table中,什麼元素可以出現在其內部是嚴格定義的,比如我們想要中有,中有....,而不是中有個其他不該屬於的標籤,比如自己定義乙個元件,裡面模板還是....,這樣會失敗!

我們來看看最先會遇到什麼問題,**如下

執行結果

這個可不是我們想要的,儘管能夠顯示結果,但是我的row元件明明寫在裡面,為什麼出現在了外面?

記得vue中還有動態元件,類似於要不我們來試試?

這麼寫和剛剛是一模一樣的結果,dom結構中還是在之外,那到底有沒有解決辦法呢?當然是有的

有些 html 元素,諸如,對於哪些元素可以出現在其內部是有嚴格限制的。之內,那就不能隨便寫乙個標籤,它不認的!!而有些元素,諸如,只能出現在其它某些特定的元素內部。我們上面寫的和都被作為無效的內容提公升到外部,並導致最終渲染結果出錯

正確的應該怎麼寫的,**如下:

執行結果

比如ul、ol中只能放li,如果要用元件,就要和上面一樣的寫法

select中只能放option,如果要用元件,則

這樣才確保所有瀏覽器解析出來正確的dom結構

***************talk is cheap, show me the code***************=

scala細節 你不知道的

在scala一般都是作為佔位符,比如下面過濾掉非整數的例子 somenumbers.filter x x 0 其等價於 somenumbers.filter 0 如下是做為引數的佔位符,需宣告型別 val f int int f 5,10 15多個下劃線指代多個引數,而不是單個引數的重複使用。第乙個...

你不知道的 和

開發中,編寫有一定逼格的 是每個程式猿都追求的。經常用來判斷的符號 和 也經常用來定義變數哦,你知道嗎?邏輯與 在有乙個運算元不是布林值的情況下,就不一定返回布林值。比如以下情況 1 第乙個運算元是物件,返回第二個數 var myinfo console.log myinfo 2 輸出22 第二個運...

你不知道的box shadow

我們可以僅使用乙個div利用shadow配合animation實現很多豐富的效果 github 求 必需。水平陰影的位置。允許負值。v shadow 必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影的尺寸。color 可選。陰影的顏色。請參閱 css 顏色值。ins...