H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端技术】关于vue子组件给父组件传值

这一段时间在做自己第一个vue项目,主要就是一个简单的商城功能
遇到了组件传值,父组件给子组件传值很简单简单讲一个子组件给父组件传值
我们假设组件已经引入和使用
子组件:
首先这个传值可能会在生命周期函数上或者一些事上,这里已点击按钮为准

<button @click='send'>点击给父组件传值</button>
methods{
send(){
this.$emit((sendValue)传输的名字,传输的值)//名字不需要与父组件接收值相同
 }
}

父组件
<div>{{name}}<div>
//这里的sendValue是接收上面emit里面传输的名字,等于的值是操作的函数
</子组件 v-on:sendValue="操作的函数"></子组件>

data(){
return{
   name:''//先在data里写好name值
 }
}
methods() {
//接收放在方法里面,(参数就是接收来的值)
操作的函数(setName){
this.name=setName
}

本文地址:H5W3 » 【前端技术】关于vue子组件给父组件传值

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址