vue打开弹窗

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;
});