zoukankan      html  css  js  c++  java
  • vue 父组件动态传值至子组件 除了深度监听 还可以实现的方法

    进行数据监听

    数据每次变化就初始化一次子组件,进行调取达到传递动态数据的目的
    普通的监听:

    watch:{
      data: function(newValue,oldValue){
            doSomeThing();
        }
    }

    如果你要传递的不是单条数据,而是一个对象,可以使用同类深度监听

    记住,一定不要忘记咱们的主角deep,深度监听deep的值要设为true哦

    watch:{
        'data':{
    	handler:function(newValue,oldValue){
    	    doSomeThing();
    	},
    	deep:true
        }
    }  

    若是监听数组,数组内有任何值发生变化,都会成功触发被监听的数组对象内的函数 doSomeThing();

    此时你可以在函数doSomeThing中执行你想执行的事件

    当然,如果你的深度监听像我的一样,只是为了方便父组件给子组件传值,那么有另外一个方法可以实现这个功能,且简单

    XX.sync 

    确实简单易用

    同样是从父组件传值给子组件,深度监听的方法是通过监听到数值的变化,从而调用子组件的方法,把最新的数值传过去

    而.sync  则是将数据进行双向绑定

    <div>
        <child :data.sync="datalist"></child>    
    </div>
    

      只要在data的后面加上.sync就可以实现动态数据传递了

  • 相关阅读:
    询问js代码
    嵌套查询sql语句例子
    简单的添加更新语句 一条语句实现
    xp序列号
    字符串处理类代码
    上传图片类代码
    关于IE9中jquery ajax提交无法发送cookie的解决方案
    asp.net mvc3分页代码
    System.Timers.Timer在asp.net中的使用方法
    SQL2005连接远程连接配置
  • 原文地址:https://www.cnblogs.com/tongjiaojiao/p/11023945.html
Copyright © 2011-2022 走看看