釘釘小程序與普通vue的區別

1. 動態綁定class:
釘釘小程序: class=" {{item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60') }}"

vue: :class="'red': isActive" :class="[item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60']"

2. 事件傳值

釘釘小程序: data-item="item" 把a:for的屬性值綁定在事件觸發的標籤上,然後在事件中,通過event.target.dataset.(綁定的值名稱)即可動態根據不同的值來執行不同的邏輯

vue: 直接在事件中傳遞參數即可

3.改變實例中data的值

釘釘小程序: this.setData({name: value})

vue: this.name = 'beautiful'

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章