1. 首页
  2. 文章分类
  3. 正文

vue子组件如何使用父组件传过来的值_vue.js

子组件使用父组件传过来的值

父组件

    import alarmstatistics from "./alarmstatistics.vue";    components: {      alarmstatistics,    },

子组件

  props: ["roless"],        data() {      return {        role:this.roless,    },        mounted() {      if(this.role==3){        this.chartY = "9.5%";      }else{        this.chartY = "18%";      }    },

如果是使用父组件接口返回来的值，在html中直接使用

  props: ["infoDatac"],        
  •           
    申请单号：{{ item.applyCode }}
              
    使用时间：{{ item.useTime }}
              {{ item.title }}       

    • vue子组件调用父组件数据

    上一个：Java调用ffmpeg处理视频，并记录下遇到的坑

    下一个：组件-Element—Checkbox（多选框）

    热门文章

    归纳

    Chile Address 版权所有
    Powered by WordPress