每當你輸入已有值的表單,有時總是想把該值做重新的輸入,必須刪除後,再輸入

然而,如果能在點選時就能全選,使用者只要輸入值,就能完全修改該值,這在實務上是很常見的

在一般的Javascrip 使用時,你可以使用以下 code

<input type="text" name="test" value="測試全選" onfocus="this.select()">

然而,如果你使用Vue.js 也是可以這樣用,但好像就不怎樣,所以,你可以這樣寫

<input type="text" name="test" value="測試全選" v-on:focus="$event.target.select()">

這樣看起來就帥氣多了(自我感覺良好)

 

arrow
arrow
    文章標籤
    vue
    全站熱搜

    雲橙雨林 發表在 痞客邦 留言(0) 人氣()