# element plus 消息框汇总

弹出提示框

  <el-popover placement="top-start" title="Title" :width="200" trigger="hover"  content="XXXXX">
    <template #reference>
      组件位置
    </template>
  </el-popover>

消息框

ElMessage({ type: 'info',   message: '删除被取消', })

消息-右上角进入

ElNotification({type:'info',  message: '保存成功'  })	//最简单  自动关闭

ElNotification({type:'info',  message: '保存成功' ,duration: 0, })  //人工关闭

ElNotification({type:'info', title: '网提示', message: '保存成功' ,duration: 0, }) //完整

type: 'error','info'，'warning'，'success'		//图标显示   primary（vxe-table）

ElNotification({ type:'info',message:`有 ${selected2-selected} 条相同,不复制`, duration: 0,})   有变量的用法

确认消息框

                                ElMessageBox.confirm('您确定要删除这些数据? 删除不可恢复!', '警告', {
                                    confirmButtonText: '确定',
                                    cancelButtonText: '取消', type: 'warning'
                                })
                                    .then(() => {
										console.log('OK')
                                    })
                                    .catch(() => {
                                        ElMessage({
                                            type: 'info',
                                            message: '删除被取消',
                                        })
                                    })

	ElMessageBox.alert(`请先选择内容再移动到 ${row.name}`, 'xx网提示', {confirmButtonText: 'OK',})