0
点赞
收藏
分享

微信扫一扫

vue3 子父值 在<script setup>中

登高且赋 2022-03-12 阅读 77

点击传值

子页面

      <el-button @click="$emit('name', '登录')">登录</el-button >
        //name:为传值的名称
        //登录:为传递的值
<script setup>
defineEmits(['name']);
<script>
//name:传递值的名称
//defineEmits不需要引入可直接使用

父页面

<login @name="name"></login>
//login 为父页面中引入的子页面
<script setup>
const name = (val) => {
      console.log(val);// 输出子组件的值
    }
</script>
举报

相关推荐

0 条评论