Vue项目中子元素向父元素传值

子向父传值
首先是子组件

<div>
	<el-button
              type="primary"
              plain
              icon="el-icon-circle-plus-outline"
              @click="handleDevice(1)"
            >添加</el-button>
</div>
方法：
handleDevice(1) {
      this.$emit("onChange",1);
    },

1>父组件引用子组件
	<script>
		import dialogDltime from "@/components/dialogDTime";
		export default {
			components: {
			    dialogDltime, 
			  },
			  data(){
			  	return{
			  		dialogDeviceVisible:false
			  	}
			  },
			  methods:{
			  	hanleDialog(v){
			  	console.log(v);//此处即从子组件获取到的值
			  	 this.dialogVisibleD = true;
			  	}
			  }
		 }
	 </script>
2>父组件界面布局
<div>
{{dialogDeviceVisible}}
<dialogDltime
      id="dialogVisibleD"
      @onChange="hanleDialog"
    ></dialogDltime>
    </div>

最后

以上就是生动黄蜂为你收集整理的Vue项目中子元素向父元素传值的全部内容，希望文章能够帮你解决Vue项目中子元素向父元素传值所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。