Vue學習筆記一~經常使用指令篇

  1. v-model 通常表單元素(input),雙向數據綁定
  2. 循環: v-for="index in arr" v-for="index in json" v-for="(index,value) in json"
  3. 事件: v-on:click="函數" v-show="true/false"顯示隱藏
  4. 簡寫:v-on:click="函數" <=>@click="函數"
  5. 事件對象: @click="show($event)"
  6. 事件冒泡: 阻止冒泡: a)event.cancelBubble = true; b) @click.stop="函數"【推薦】
  7. 默認事件: a) event.preventDefault(); b) @contextmenu.prevent="函數"【推薦】
  8. 鍵盤 回車 a)@keyup.13 b)@keyup.enter 上/下/左/右 @keyup/keydown.left @keyup/keydown.right @keyup/keydown.up @keyup/keydown.down
相關文章
相關標籤/搜索