javascript - vue 怎样做到点击一个input就只有它下面的icon显示,而不是所有都显示
世界只因有你
世界只因有你 2017-05-19 10:27:49
0
4
519
雷雷
世界只因有你
世界只因有你

全部回复(4)
Peter_Zhu

雷雷

迷茫

<p id="app">

雷雷
習慣沉默

点击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
    }
}
漂亮男人

1.@focus="focus" 前面是获取焦点 后面是自己写的获取焦点后要处理的事件,你可以起不同名字,触发不同事件,就不会出现你说的问题了。
你的代码是同一个事件

2.如果让某元素显示隐藏 可以用v-show / v-if

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板