zoukankan      html  css  js  c++  java
  • vue组件传值:父组件异步获取数据传递给子组件 吴小明

    1、给子组件加上v-if

    2、通过ref将异步获取的值赋值给子组件中对应的参数

    3、子组件中通过watch监听props的值(或computed)-----常用

      props: { data: { type: Object } },
      computed: {
        list() {
          const { id } = this.data
          return [
            [
              { label: '项目服务总耗时', value: id },
              { label: '周培优服务总耗时', value: 2 }
            ],
            [
              { label: '新高一服务总耗时', value: 3 },
              { label: '志愿填报服务总耗时', value: 4 }
            ],
            [
              { label: '心理测服务总耗时', value: 5 },
              { label: '暑假服务总耗时', value: 6 }
            ],
            [
              { label: '寒假服务总耗时', value: 7 },
              { label: '国庆假服务总耗时', value: 8 }
            ],
            [
              { label: '高考假服务总耗时', value: 9 },
              { label: '高考假服务总耗时', value: 10 }
            ]
          ]
        }
      }

    4、v-model

  • 相关阅读:
    C# 数据库连接字符串拼接
    C# 线程同步计数存在的问题
    字符串操作
    字符串位置
    6个基本函数
    占位符
    str转换成int
    python运算符6
    python运算符5
    python运算符4
  • 原文地址:https://www.cnblogs.com/wuqilang/p/15577070.html
Copyright © 2011-2022 走看看