Vue中父组件向子组件传值,子组件的methods如何接受值

最新推荐文章于 2023-02-01 14:37:41 发布

史上最强大乘渡劫老怪

最新推荐文章于 2023-02-01 14:37:41 发布

阅读量432

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_44643051/article/details/107412515

版权

Vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

直接贴代码吧

//父组件的内容
<template>
  <div>
  //父组件调用子组件
          ||
          \/
          //子组件
        <Waringmessage mymessage="9999999999"></Waringmessage>
  </div>
</template>

//子组件
<script>
  export default {
    name: "Waringmessage",
    //props接受父组件传过来的参数
    props:['mymessage'],
    methods: {
      open() {       
      			//用this即可调用props中的内容
      					||
      					\/
        this.$alert(this.mymessage, '777777', {
          confirmButtonText: '确定',
          callback: action => {
            this.$message({
              type: 'info',
              center: true,
              message: `欢迎造访`
            });
          }
        });
      }
    }, created() {
      this.open();
    }
  }
</script>