<p class="line">
<p>{{ lists.nick }}</p>
<p class="light_color">
<input @focus="focus" @blur="blur" v-model="nick"><!--paremeter.nick--><!---->
<i @click="clear" class="iconfont icon-iconziti56"></i>
</p>
</p>
<p class="line">
<p>{{ lists.valid_mobile }}</p>
<p class="light_color" v-if="paremeter.valided_mobile == 0">
<input @focus="focus" @blur="blur" v-model="paremeter.valid_mobile">
<i @click="clear" class="iconfont icon-iconziti56"></i>
</p>
<p v-else class="light_color">
{{ paremeter.valid_mobile }}
</p>
</p>
<p id="app">
i, css apparaît après avoir cliqué sur Entrée
i apparaît après la modification des données d'entrée
1.@focus="focus" Le recto est pour obtenir le focus, et le verso est les événements à traiter après avoir écrit le focus par vous-même. Vous pouvez donner différents noms et déclencher différents événements, et le problème que vous avez mentionné le sera. ne se produit pas.
Votre code est le même événement
2. Si vous souhaitez afficher ou masquer un élément, vous pouvez utiliser v-show / v-if
Puisque vous utilisez vue, il est préférable de ne pas utiliser la méthode native