javascript - vue 怎麼做到點擊一個input就只有它下面的icon顯示，而不是全部都顯示

Question

雷雷

Answer 1

雷雷

Answer 2

雷雷

Answer 3

點擊input後出現i, css

input:focus + i { 
     display: inline-block;
}
input:blur + i {
     display: none;
}

input資料改變後出現i

watch： {
    value_1 () {
        this.show_1 = true
    },
    value_2 () {
        this.show_2 = true
    }
}

Answer 4

1.@focus="focus" 前面是獲取焦點 後面是自己寫的獲取焦點後要處理的事件，你可以起不同名字，觸發不同事件，就不會出現你說的問題了。
你的程式碼是同一個事件

2.如果讓某個元素顯示隱藏 可以用v-show / v-if

1. 既然用vue 最好不要用原生的方法