vue在同乙個頁面重複引用相同元件如何區分二者

2021-10-06 09:46:40 字數 444 閱讀 8629

1.使用情境:我在同乙個vue中引用了同樣的乙個圖層選擇的元件,需要區分二者的選擇的radio值,如果不做區分,這二者選擇的radio值看上去將會一樣

2.解決方法:

先說原理,這個重複引用的元件雖然一樣,但是二者在被建立的時候各自走了一遍生命週期,所以變數之間不衝突。

首先在引用元件中新增乙個props,這裡命名為spareid,用來區分二者。

然後父元件傳值:

然後在子元件raido中引入這個spareid:

這樣就能區分二者選擇的不同值。

原理是這樣,也可根據實際情況靈活使用。

Vue在同乙個頁面的元件中向頁面的URL增加引數

場景復現 在vue中使用多個元件 模組 的時候,需要動態的去改變url的引數,以便保證使用者重新整理的同時,依然停留在當前訪問的地方,且頁面不會過載 重新整理。const query this.route let path query.path let query query.query 這裡可以用...

同乙個頁面多個div,ajax呼叫

最近在做專案的時候發現兩個問題,第乙個問題是在主頁面有多個div,在div裡面有input元素的onclick事件,在第一次開啟div的時候通過onclick呼叫ajax可以被執行,當關掉開啟的div重新再開啟的時候onclick事件不生效。第二個問題是兩個div呼叫ajax時會相互影響,當開啟第乙...

celery 重複執行同乙個task

今天用celery 執行 task的時候碰到了 重複執行的情況,而且是重複執行了8次 電腦是8核的 谷歌了一下,celery 在執行task時有個機制,就是任務時長超過了 visibility timeout 時還沒執行完,就會指定其他worker重新開始task,預設的時長是一小時.但是我這個肯定...