dtcms 模板下载 JAVA学习 iphone csv javafx Browserify Material UI vue添加class vue手册 java设计模式视频 ipex接口 mysql数据库驱动 centos7安装gcc idea全局替换 bootstrap滚动条 python入门 mysql 导入数据 配置java开发环境 java数组排序 java定义 linux硬盘 超级煎蛋卷 java疯狂讲义 海妖花粉哪里多 netreflector 华为下拉开关设置 微信小程序源代码 js发送http请求 幽灵行动多少钱 php小数点保留2位 sdm439 img写盘工具 cdr字体变形 黑客入门新手特训 oledbconnection ipad上市时间 古特里克的杀生刀 视频旋转软件 显卡怎么设置 mysql关联查询
当前位置: 首页 > 学习教程  > 编程语言

(转)el-dialog对话框组件title插槽的使用

2020/8/31 14:10:06 文章标签:

需求dialog对话框组件title属性的slot使用方法,需要单独控制title中某个数据显示及样式

解决方案如下:

 

 <el-dialog  :visible.sync="dialogVisible" >
    // 这里的插槽会替换title显示的内容 - 重点
    <div slot="title" class="header-title">
       <span  class="name">{{ name }}</span>
    </div>
    <span>这是一段信息</span>
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
</el-dialog>

 


<script>
  export default {
    data() {
      return {
        dialogVisible: false,
        name: 'XXX',
      };
    },
  };




链接:https://www.jianshu.com/p/0d12e55a8075


本文链接: http://www.dtmao.cc/news_show_150189.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?