vue打开弹窗
父组件:
//html
<order-details title="测试窗口" v-if="openDialog" ref="orderDetails"></order-details>
//导入子组件
import orderDetails from "./orderDetails";
//js
this.openDialog = true;
this.$nextTick(() => {
this.$refs.orderDetails.init(response.data);
});
子组件:
<el-dialog :title="title" :visible.sync="open" width="800px" >
<el-descriptions >
<el-descriptions-item label="订单号">{{order.id}}</el-descriptions-item>
<el-descriptions-item label="收货人">{{order.userName}}</el-descriptions-item>
</el-descriptions>
</el-dialog>
this.open = true;
this.$nextTick(() => {
this.order = order;
});