el-dialog动态显示title

动态更换title标题

  <!-- 显示弹窗 -->
      <el-dialog
        title="提示"
        :visible.sync="dialogVisible"
        width="30%"    
        style="font-size:32px"
        >
        <!--插槽会替换title显示的内容 -->
         <div slot="title" class="header-title">
            <span v-show="dialogTitle" class="title-name">{{ dialogTitle }}</span>
        </div>

        <span>
          <p>{{content}}</p>
        </span>
        
      </el-dialog>

使用slot='title'插槽元素中的变量, 更换变量值即可