Vue 04登入切換 使用條件判斷實現條件渲染案例

2021-10-23 07:39:18 字數 466 閱讀 2211

使用者再登入時,可以切換使用使用者賬號登入還是郵箱位址登入

小問題:

如果我們在有輸入內容的情況下,切換了型別,我們會發現文字依然顯示之前的輸入的內容。

但是按道理講,我們應該切換到另外乙個input元素中了。

在另乙個input元素中,我們並沒有輸入內容。

為什麼會出現這個問題呢?

問題解答:

這是因為vue在進行dom渲染時,出於效能考慮,會盡可能的復用已經存在的元素,而不是重新建立新的元素。

在上面的案例中,vue內部會發現原來的input元素不再使用,直接作為else中的input來使用了。

解決方案:

如果我們不希望vue出現類似重複利用的問題,可以給對應的input新增key

並且我們需要保證key的不同

vue 04 模組化開發

元件化開發,一般是將重複的 抽取成乙個元件,供其他地方復用,一般情況下,提到元件化開發,都是指前端的元件化開發。模組化開發,一般是將同一類功能模組的 放到一起統一進行管理,是基於 層面的,一般情況下,提到模組化開發,都是指後端。在ajax請求的出現,慢慢形成前後端分離。我們通常會將 組織到多個js中...

vue登入註冊切換的坑

以下 是可以用的 就是通過data的資料控制同級div的顯示和隱藏是可行的,原來以為參考的 出問題了,找了一下午加乙個晚上,最後將原來頁面的內容放到乙個新的頁面上,又剔除各種複雜的id,button,事件等,才證明這個方法是可行的。原來以為多餘的那些東西沒有影響的,直到刪除了它們,console不顯...

04 Vue之v bind v on的使用

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title v cloak style head 使用 v cloak 能夠解決 插值表示式閃爍的問題 p msg h4 預設 v...