当前位置: 首页 > 知识库问答 >
问题:

vue.js - element -plus dialog里面的线怎么去掉?

南宫星波
2023-06-28

 <div>
      <el-dialog class="my-dialog" v-model="visible" :show-close="false" width="30%" top="40vh">
        <template #header="{ titleId, titleClass }">
          <div class="my-header">
            <div class="title">
              <el-icon class="title-icon"><InfoFilled /></el-icon>
              <h4 :id="titleId" :class="titleClass">是否确定删除该任务项!</h4>
            </div>
          </div>
        </template>
        <div class="content">删除后该项不可恢复</div>
        <div class="close">
          <el-button @click="close"> 取消 </el-button>
          <el-button type="primary" @click="deleteHandle"> 确定 </el-button>
        </div>
      </el-dialog>
    </div>

共有2个答案

赫连琦
2023-06-28

按照楼上的提示,使用MessageBox 消息弹框就行
图标是可以改颜色的,如下
image.png

辛承
2023-06-28

image.png
这案例也没线啊,样式可以修改。这种消息弹窗用message box不更方便吗

image.png
修改这个参数就行

 类似资料: