通过对别的案例反复研究，终于总结出自己对于使用vue+iview创建组件的步骤：
第一步：编辑新建对话框组件
<template>
<div>
<!-- modalFlag自定义绑定名 -->
<Modal v-model="modalFlag" title="对话框组件" fullscreen footer-hide></Modal>
</div>
</template>
<script>
export default {
name: "Inspect",//命名组件，一般使用文件名，首字母大写
data() {
return {
modalFlag: false//v-model绑定内容
};
},
props: {},//传参使用
methods: {
showDialog() {
this.modalFlag = true;//打开的时候让modalFlag为true
},
closeDialog() {
this.modalFlag = false;//关闭的时候让modalFlag为false
}
},
mounted() {}
};
</script>
第二步：调用组件
<template>
<div>
<!-- 添加click点击事件 -->
<Button type="primary" size="large" style="margin-right: 5px" @click="GoToUrl()">查看质检详情</Button>
<inspect ref="inspect"></inspect>
<!-- <组件名，调用组件，首字母小写> -->
</div>
</template>
<script>
import inspect from "../views/Inspect";//import导入组件路径
export default {
components: {//components组件名
inspect
},
data() {
return {};
},
methods: {
GoToUrl() {
this.$refs.inspect.showDialog();//实现组件的调用inspect为组件名，小写
}
}
};
</script>
这是最简单的对话框组件创建，调用，如果需要传值，静待后续更新咯。
————————————小白一枚，有错请纠。