Vue中父组件给子组件传不同类型值的方法

太过爱你忘了你带给我的痛 2023-02-20 10:56 13阅读 0赞

props: {
      echartStyle: {
        type: Object,
        default() {
          return {}
          }
        },
        titleText: {
          type: String,
          default: ''
        },
        tooltipFormatter: {
          type: String,
          default: ''
        },
        opinion: {
          type: Array,
          default() {
            return []
          }
        },
        seriesName: {
          type: String,
          default: ''
        },
        opinionData: {
          type: Array,
          default() {
            return []
          }
       }
    }

子组件中使用watch()监听值的改变，不同的类型要用不同的监听方法

watch:{
      titleText:function(newValue,oldValue){
        this.getChange();
      },
      echartStyle:{
        handler(newValue,oldValue){
           this.getChange();
        },
        deep:true
      },
      tooltipFormatter:function(newValue,oldValue){
        this.getChange();
      },
      opinion:{
        handler(newValue,oldValue){
          this.getChange();
        },
        deep:true //深度监听
      },
      seriesName:function(newValue,oldValue){
        this.getChange();
      },
      opinionData:{
        handler(newValue,oldValue){
          this.getChange();
        },
        deep:true
      }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue父组件给子组件传值，并在子组件方法中使用该值

父组件给子组件传值 1.父组件调用子组件的时候绑定动态属性，将listId传给子组件 \[:listId="id"\] <template> <v-

心已赠人/ 2023年10月04日 20:32/ 0 赞/ 24 阅读

相关 vue父组件调用子组件方法、父组件向子组件传值、子组件向父组件传值

一、父组件调用子组件方法父组件代码 parent.vue <template> <div> <button @click="paren

﹏ヽ暗。殇╰゛Y/ 2023年06月01日 12:38/ 0 赞/ 62 阅读

相关 Vue中父组件给子组件传不同类型值的方法

props: { echartStyle: { type: Object, default() { re

太过爱你忘了你带给我的痛/ 2023年02月20日 10:56/ 0 赞/ 14 阅读

相关 React 子组件给父组件传值、整个组件、方法

一、准备工作 1.定义一个父组件，名字为Parent /src/component/Parent.js import React, {Component

Dear 丶/ 2022年12月12日 13:45/ 0 赞/ 192 阅读

相关 Vue2.0 子组件传值给父组件

this.$emit(event,...args); / event: 要触发的事件 args: 将要传给父组件的参数 / Usage：子组件内容：

逃离我推掉我的手/ 2022年06月18日 06:57/ 0 赞/ 322 阅读

相关 Vue 父组件给子组件传值传方法以及将整个实例传给子组件

父组件是如何给子组件传值呢？我总结了一下大体的方法，如下： 1. 父组件调用子组件的时候绑定动态属性 <v-header :title="title"></v-

柔情只为你懂/ 2022年04月23日 02:00/ 0 赞/ 248 阅读

相关 Vue之父组件给子组件传值和方法

父组件写好需要接受的值和方法，使用:title="title"传title属性值给子组件， :go="go"传递go方法 <template> <div

偏执的太偏执、/ 2022年04月22日 11:00/ 0 赞/ 200 阅读

相关 VUE：父子组件间传参、子组件传值给父组件、父组件传值给子组件

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] Vue是一个轻量级的渐进式框架，对于它的一些特性和优点

太过爱你忘了你带给我的痛/ 2022年03月29日 19:40/ 0 赞/ 560 阅读

相关 vue 子组件给父组件传值

Usage：子组件内容： <template> <div @click="iclick"></div> </template> m

- 日理万妓/ 2021年09月15日 07:38/ 0 赞/ 490 阅读

相关 Vue 父组件给子组件传值

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue

r囧r小猫/ 2021年07月24日 13:44/ 0 赞/ 602 阅读