首页 > 其他分享 >vue3 组件传参

vue3 组件传参

时间:2022-12-23 09:45:13浏览次数:49  
标签:传参 img defineEmits let vue3 组件 type

父传子

父组件 绑定传参( :img_type="img_type") 不绑定只能传字符串

import {defineProps } from 'vue'
let props = defineProps({
  //子组件接收父组件传递过来的值
  img_type: String,
})

//视图中直接使用:
<div>{{ img_type + '333333333333' }}</div>

//js 使用:
let obj = {img_type: props.img_type})

 

 子传父:

通过 调用 内置方法 defineEmits 传参  父组件 通过 注册同名方法 获取

import { defineEmits } from 'vue'

let emit = defineEmits()

emit('act_flag', false)

 

标签:传参,img,defineEmits,let,vue3,组件,type
From: https://www.cnblogs.com/zhang-hong/p/17000034.html

相关文章