Vue组件中表格文字内容太长，自动变省略号，鼠标悬浮上去显示全称。

组件中有一个属性可以进行控制:show-overflow-tooltip="true"<el-table-column fixed prop="cityId" label="城市id" width="auto" ></el-table-column><el-table-column fixed prop="order" label="order" width="aut

还算善良_

3369人浏览 · 2021-10-20 10:56:56

还算善良_ · 2021-10-20 10:56:56 发布

组件中有一个属性可以进行控制:show-overflow-tooltip="true"

  <el-table-column fixed prop="cityId" label="城市id" width="auto" >
      </el-table-column>
      <el-table-column fixed prop="order" label="order" width="auto">
      </el-table-column>
      <el-table-column prop="hotelId" label="商品id" width="auto">
      </el-table-column>
      <el-table-column prop="hotelName" label="商品名称" width="auto" :show-overflow-tooltip="true">
      </el-table-column>
	//这样  对应的商品名称列 内容过长就会自动变省略号。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^