vue 怎么点击弹窗提示
时间: 2024-02-16 15:28:35 浏览: 146
可以使用 Element UI 中的 el-message 或者 el-dialog 组件来实现点击弹窗提示。具体操作步骤如下:
1. 安装 Element UI
```
npm install element-ui --save
```
2. 在 Vue 中引入 Element UI
```javascript
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
```
3. 使用 el-message
```javascript
this.$message({
message: '提示内容',
type: 'success'
})
```
4. 使用 el-dialog
```vue
<template>
<div>
<el-button @click="dialogVisible = true">点击弹窗提示</el-button>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%">
<p>这是一个弹窗提示</p>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false
}
}
}
</script>
```
阅读全文