vue随笔3

1、文本样式

css：

1、Vue文本溢出如何自动换行

word-break: break-all;
word-wrap: break-word;

2、Vue文本距离

text-indent:24px;// 首行缩进两个字符
letter-spacing: 3px;//字母间距
line-height: 0.8;//行间距
font-size: 20px;//文字大小

3、背景颜色

background-color: #F8F8FF;//背景颜色

2、搜索关键字操作

includes() 方法用于判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false

let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

3、el-card卡片高度问题

css：

.el-card{
    height: 100%;// 这里是固定高度
    min-height: 400px;//默认高度
    background-color:#ffffff;
  }

4、vue跳转页面出现灰色笼罩

在el-dialog标签中添加append-to-body

<el-dialog
      v-if="dataReportlistDialog"
      class="create-task-dialog"
      :visible.sync="dataReportlistDialog"
      fullscreen
      append-to-body         //去掉灰色笼罩
    >
      <new-datareport-list
        ref="dataReportlist"
        @colseDialog="colseDialog"
      />
    </el-dialog>