vue中 div高度隨另乙個div的高度變化

2021-10-12 08:35:20 字數 1261 閱讀 7020

最近做了好幾個專案，終於把手裡的事情幹完了，趁著這幾天比較空整理一下最近遇到的一些問題以及解決方案。

in-wrap的高度不固定，會隨著內容的多少改變，而out-wrap的高度則需要跟隨in-wrap的變化而變化，**如下：

="out-wrap" id=


"out-border6"


>


<


/div>


="in-wrap"


>


="text-wrap"


>


="contain"


>


="contain3"


>


="name2" v-


for=


"(item, index) in unit.editorinchief"


:key=


"index" style=


"width:18%"


>


}<


/span >


<


/div>


<


/div>


/div>


<


/div>
可以使用自定義指令的方式實現這一需求。

首先需要給in-wrap繫結指令：

="in-wrap" v-resize=


"resize"


>
自定義指令：

directives:


width = style.width;


height = style.height;


// console.log(height)


} el.__vuesetinterval__ =


setinterval


(isreize,


300);}


,unbind


(el)}}


,
指令繫結函式：

resize


(a,b)
在自定義指令中，是不能使用this去修改data中的值的，正確的做法應該是 使用binding.value.resize()去繫結乙個函式，然後在繫結的函式中去修改data及其他操作。記住要在繫結指令的地方綁上函式：v-resize="resize"

關於html 中div 填滿另乙個div

1.你需要 document.getelementby id str value 2.onlick 函式和lick 函式 有關於繫結函式的文章 2.獲取到空格的東西 angularjs 的東西 放在 呢？3獲取後進行 模糊查詢得到 乙個過濾後的 變數 4.做乙個 onlick 按鈕 激發函式 獲取 ...

讓div與另乙個div覆蓋

這裡筆者想把乙個div層覆蓋在另乙個div之下或者之上，這裡指需要增加乙個css屬性就可以解決 style position absolute left 10 top 20 你的內容div style position absolute left 15 top 25 你的內容div 比如以上兩個層，...

CSS 讓div在另乙個div中垂直居中

垂直居中是布局中十分常見的效果之一，如果我們想實現下圖的效果 首先我們寫兩個div 下面的介紹中，我們稱外層div為父div，裡面的div為子div 我是需要垂直居中的div 且給兩個div新增最基本樣式 content content div 現在的效果如下 給父div新增下面的樣式即可 box給...