layer.open弹出el-dialog
时间: 2023-07-20 20:41:44 浏览: 82
弹出Dialog
您可以使用以下代码在Vue中使用Element UI的el-dialog组件:
1. 在template中添加el-dialog组件的代码:
```
<el-dialog :visible.sync="dialogVisible" title="对话框标题">
<p>对话框内容</p>
</el-dialog>
```
2. 在data中添加dialogVisible属性:
```
data() {
return {
dialogVisible: false
}
}
```
3. 在方法中添加打开对话框的代码:
```
methods: {
showDialog() {
this.dialogVisible = true;
}
}
```
4. 在需要打开对话框的地方调用showDialog方法:
```
<el-button @click="showDialog">打开对话框</el-button>
```
当您点击按钮时,就会弹出一个el-dialog对话框。
阅读全文