javascript - vue 怎样做到点击一个input就只有它下面的icon显示，而不是所有都显示

Question

雷雷

Answer 1

雷雷

Answer 2

<p id="app">

雷雷

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 最好不要用原生的方法