Element-ui+Vue脚手架实现对话框（子父传值）

1. 编写子窗口
2. 父窗口引用子窗口，实现点击弹出子窗口
3. 编写父窗口需要传的值
4. 子窗口编写需要修改的数据

1.编写子窗口

说明：
1.props:{}是个节点值，因为我们在父窗口需要用到它，里面的值相当于一个变量，当父窗口引用时进行赋值
name:'Add’是一个标签的名字,需要在父窗口引用，推荐在父窗口的import的名称一致
3.this.$emit(‘update:dialogTableVisible’, false);是一个返回值的更新，在节点上必须要一致

<template>
	<div>
		<div hidden="hidden">
			<input type="text" v-model="book.id" />
		</div>
		<div>
			书名：
			<el-input v-model='book.bookname' />
		</div>
		<div>
			作者名：
			<el-input type="text" v-model='book.author' />
		</div>
		<div>
			ISBN：
			<el-input type="text" v-model="book.ISBN" />
		</div>
		<div>
			价格：
			<el-input type="text" v-model="book.money" />
		</div>
		<el-row>
			<el-button type="success" @click="save">保存</el-button>
			<el-button type="infor" @click="closeDialog">取消</el-button>
		</el-row>
	</div>
</template>

<script>
	export default {
   
		name: 'Add', //这个LoginName最好和引入的vue的LoginName相同
		props: {
   
			itemData: {
   
				type: Object,
				default: () => {
   }
			},
			dialogTableVisible: {
   
				type: Boolean,
				default: false
			},

		},
		data() {
   
			const book = {
   };
			return {
   
				book