详解Vue2 watch监听props的值

 更新时间:2023年12月09日 14:37:00   作者:iiiilooaixuud  
再次遇到监听子组件收到父组件传过来的值,如果这个值变化,页面中的值发现是不会跟着同步变化的,本文给大家介绍Vue2 watch监听props的值,感兴趣的朋友一起看看吧

再次遇到监听子组件收到父组件传过来的值,如果这个值变化,页面中的值发现是不会跟着同步变化的。所以监听props中的值,一直监听。

代码:

 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
      }
      },
  },

到此这篇关于Vue2 watch监听props的值的文章就介绍到这了,更多相关Vue2 watch监听props的值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue 动态设置路由参数的案例分析

    Vue 动态设置路由参数的案例分析

    这篇文章主要介绍了Vue 动态设置路由参数的案例分析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • vue基于element-ui的三级CheckBox复选框功能的实现代码

    vue基于element-ui的三级CheckBox复选框功能的实现代码

    最近vue项目需要用到三级CheckBox复选框,需要实现全选反选不确定三种状态。这篇文章主要介绍了vue基于element-ui的三级CheckBox复选框功能的实现方法,需要的朋友可以参考下
    2018-10-10
  • Vue项目中首页长时间白屏的原因以及解决过程

    Vue项目中首页长时间白屏的原因以及解决过程

    这篇文章主要介绍了Vue项目中首页长时间白屏的原因以及解决过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • Vue下的国际化处理方法

    Vue下的国际化处理方法

    下面小编就为大家分享一篇Vue下的国际化处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • 在vue-cli中引入lodash.js并使用详解

    在vue-cli中引入lodash.js并使用详解

    今天小编就为大家分享一篇在vue-cli中引入lodash.js并使用详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 全面总结Vue3.0的多种侦听方式

    全面总结Vue3.0的多种侦听方式

    Vue提供了一种更通用的方式来观察和响应当前活动的实例上的数据变动:侦听属性,下面这篇文章主要给大家介绍了关于Vue3.0多种侦听方式的相关资料,需要的朋友可以参考下
    2021-10-10
  • 教你60行代码实现一个迷你响应式系统vue

    教你60行代码实现一个迷你响应式系统vue

    这篇文章主要为大家介绍了教你60行代码实现一个迷你响应式系统详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪<BR>
    2023-03-03
  • Vue之读取并解析ini文件中的内容

    Vue之读取并解析ini文件中的内容

    这篇文章主要介绍了Vue之读取并解析ini文件中的内容,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue使用driver.js完成页面引导功能的示例详解

    vue使用driver.js完成页面引导功能的示例详解

    在Vue中,driver.js通常是指用于实现用户引导和教程功能的JavaScript库,它可以帮助开发者在应用程序中创建交互式的引导和教程,以引导用户了解应用程序的不同功能和界面,本文就简单的给大家介绍一下vue如何使用driver.js完成页面引导功能
    2023-08-08
  • vue如何加载本地json数据

    vue如何加载本地json数据

    这篇文章主要介绍了vue如何加载本地json数据,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04

最新评论