zoukankan      html  css  js  c++  java
  • 踩过的坑 下次注意

    1.element UI 里面的messageBox  若想修改弹窗样式  可以加上customClass

     open() {
            this.$alert(
              '<div style="height:600px;800px;background:red;"></div>', 
              '', 
              
              {
             customClass:'winClass',//弹窗样式
              dangerouslyUseHTMLString: true,
              showConfirmButton:false
            });
          }

    但是注意 这个时候需要把style里面不能有scoped  否则样式不生效 

    参考文档   https://segmentfault.com/q/1010000020057565/a-1020000020061747

    2.怎么样element UI tabs 组件居中显示

    <el-tabs stretch v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="活动介绍" name="first">活动介绍</el-tab-pane>
            <el-tab-pane label="活动动态" name="second">活动动态</el-tab-pane>
          </el-tabs>

    参考文档  https://segmentfault.com/q/1010000018807069?utm_source=tag-newest

    3.Vue element-ui popover 弹出框怎样插入html代码?

    使用v-html

       <el-popover placement="left" title="" width="200" trigger="hover" >
             <div class="popover-content" v-html="html"></div>
          <el-button slot="reference">hover 激活</el-button>
        </el-popover>
    
    export default {
        data(){
            return{
                 html: '<h1>这是一段内容</h1><b>sdd</b> '
            }
        }
    };

    参考文档  https://segmentfault.com/q/1010000018042510

     

  • 相关阅读:
    1052. 卖个萌 (20)
    1051. 复数乘法 (15)
    1050. 螺旋矩阵(25)
    1049. 数列的片段和(20)
    1048. 数字加密(20)
    1047. 编程团体赛(20)
    1046. 划拳(15)
    怎么用js代码改变单选框的选中状态
    Dom操作--全选反选
    Scoket简介
  • 原文地址:https://www.cnblogs.com/lilamisu/p/13892522.html
Copyright © 2011-2022 走看看