快捷導(dǎo)航

詳解Vue2?watch監(jiān)聽(tīng)props的值

更新時(shí)間：2023年12月09日 14:37:00 作者：iiiilooaixuud

再次遇到監(jiān)聽(tīng)子組件收到父組件傳過(guò)來(lái)的值,如果這個(gè)值變化,頁(yè)面中的值發(fā)現(xiàn)是不會(huì)跟著同步變化的,本文給大家介紹Vue2?watch監(jiān)聽(tīng)props的值,感興趣的朋友一起看看吧

再次遇到監(jiān)聽(tīng)子組件收到父組件傳過(guò)來(lái)的值，如果這個(gè)值變化，頁(yè)面中的值發(fā)現(xiàn)是不會(huì)跟著同步變化的。所以監(jiān)聽(tīng)props中的值，一直監(jiān)聽(tīng)。

代碼：

 props: {
    start:{
       type: String,
    },
    end:{
       type: String,
    }
  },

    computed:{
     myStart:function(){
      return this.start
     },
          myEnd:function(){
      return this.end
     }
    },
      watch: {
    myStart:function(newVal){
      if(newVal){
        this.startTime=newVal
      }
      },
    myEnd:function(newVal){
      if(newVal){
        this.endTime=newVal
      }
      },
  },

到此這篇關(guān)于Vue2 watch監(jiān)聽(tīng)props的值的文章就介紹到這了,更多相關(guān)Vue2 watch監(jiān)聽(tīng)props的值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue.js：使用Vue-Router 2實(shí)現(xiàn)路由功能介紹
本篇文章主要介紹了Vue.js：使用Vue-Router 2實(shí)現(xiàn)路由功能介紹，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
基于Vue+element-ui 的Table二次封裝的實(shí)現(xiàn)
這篇文章主要介紹了基于Vue+element-ui 的Table二次封裝的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
淺析vue中常見(jiàn)循環(huán)遍歷指令的使用 v-for
這篇文章主要介紹了vue中常見(jiàn)循環(huán)遍歷指令的使用 v-for，包括v-for遍歷數(shù)組，v-for遍歷json對(duì)象,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2018-04-04
electron踩坑之dialog中的callback解決
這篇文章主要介紹了electron踩坑之dialog中的callback解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
在Vue中實(shí)現(xiàn)添加全局store
這篇文章主要介紹了在Vue中實(shí)現(xiàn)添加全局store方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-03-03
VUE中$refs的基本用法舉例
ref 加在子組件上，用this.$refs.（ref值）獲取到的是組件實(shí)例，可以使用組件的所有方法，?在使用方法的時(shí)候直接this.$refs.（ref值）.方法（）就可以使用了，這篇文章主要介紹了VUE中$refs的基本用法,需要的朋友可以參考下
2022-12-12
Vue3使用setup如何定義組件的name屬性詳解
vue3中新增了setup,它的出現(xiàn)是為了解決組件內(nèi)容龐大后,理解和維護(hù)組件變得困難的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Vue3使用setup如何定義組件的name屬性的相關(guān)資料,需要的朋友可以參考下
2022-06-06
Vue.js實(shí)現(xiàn)一個(gè)漂亮、靈活、可復(fù)用的提示組件示例
這篇文章主要介紹了Vue.js實(shí)現(xiàn)一個(gè)漂亮、靈活、可復(fù)用的提示組件示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
vue3+ts+axios+pinia實(shí)現(xiàn)無(wú)感刷新方式
這篇文章主要介紹了vue3+ts+axios+pinia實(shí)現(xiàn)無(wú)感刷新方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-04-04
vue 實(shí)現(xiàn)邊輸入邊搜索功能的實(shí)例講解
今天小編就為大家分享一篇vue 實(shí)現(xiàn)邊輸入邊搜索功能的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09