关于Vue子组件在方法中使用父组件传过来的值的解决方案

关于Vue子组件在方法中使用父组件传过来的值的解决方案

我遇到了这样的问题:

子组件在接收到父组件传过来的props的值,却只能在<template>中用{{ cityMsg }}使用,查纠网上全是苦恼,或者使用watch去解决。

苦恼

看了网上所有的都不够方便,可是这个花了我一个多小时,忽然灵机一动,直接在渲染的时候调用一个方法将参数穿进去给子组件中的值赋值这个参数不就可以了吗。

解决方案

先上图举例
在这里插入图片描述直接在渲染的时候调用方法,{{方法}}位置随便放。
在这里插入图片描述

这样就获取到了!!!!简单粗暴!!!改成自己要的city参数了,怎么调用怎么爽还能操作!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿呆攻防

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值