vue3 父子组件间相互传值
vue3 父子组件间相互传值父向子传值父<pie-chart :pieData="post_data.pid" />父组件只需在子组件上声明一个变量即可。 :代表变量,可以传变量;否则只能传常量子export default {props:['pieData'],setup(props,ctx) {const pie_data = props.pieData子组件中需要在props中声
·
vue3 父子组件间相互传值
父向子传值
父
<pie-chart :pieData="post_data.pid" />
父组件只需在子组件上声明一个变量即可。
:
代表变量,可以传变量;否则只能传常量
子
export default {
props:['pieData'],
setup(props,ctx) {
const pie_data = props.pieData
子组件中需要在
props
中声明需要接收的变量名,setup中需要引用props
,赋值时用props.变量名
接收。return出去就可以用了
子组件向父组件传值
父
<submit class="submit" @e_flag="get_e_flag" />
const e_flag = ref(false);
const get_e_flag = (e) => {
e_flag.value = e;
};
父组件需要声明一个@方法
get_e_flag
接收子组件发送的值,在该方法中赋值给需要的变量
子
setup(props, ctx) {
……
const spyder_go = () => {
ctx.emit('e_flag',e_flag.value)
子组件中需要在setup中使用
ctx
,使用ctx.emit
向父组件传值。该方法需要调用,比如点击或者onMounted
更多推荐
已为社区贡献2条内容
所有评论(0)