Vue學習開發小結

1、修飾符

input輸入值轉成數值類型:

    給v-model添加number修飾符 

    <input v-model.number='number' type='number'>

    在input添加type=‘number’返回的依然是字符串


input過濾輸入值的首尾空白字符:

    給v-model添加trim修飾符

    <input v-model.trim='info'>


input輸入時觸發change事件實現數據同步

    給v-model添加lazy修飾符

    <input v-model.lazy='msg'>



2、非父子組件之間的通信   

    vm.$emit(event,arg)    //觸發當前實例上的事件

    vm.$on(event,fn)   //監聽event事件後運行

    fn;





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