.el-select 多选只显示一行

你可以使用 `el-select` 的 `collapse-tags` 属性来实现多选只显示一行。将该属性设置为 `true`，当选中的选项超过一行时，会自动折叠显示为一个 tag。这样可以限制多选的显示高度，保持只显示一行。

示例代码如下：

<el-select multiple collapse-tags v-model="selectedOptions">
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>

在上面的示例中，`selectedOptions` 是绑定的选中值数组，`options` 是可选项数组。当选中的选项超过一行时，会以 tag 的形式折叠显示。

你可以根据自己的需求调整 `el-select` 的样式和其他属性来满足你的要求。

相关问题

el-select 多选撑开

el-select多选在默认情况下会将所选内容撑开，导致样式不整齐。可以通过设置collapse-tags属性将其合并为一段文字，以避免该问题。然而，当多选的内容过长时，仍然会出现换行导致样式不整齐的情况。解决这个问题可以使用CSS样式来实现。可以添加以下样式来实现一行显示勾选内容、不换行、内容超出宽度时隐藏超出部分的内容，并在溢出时显示省略标记（...）：

.tags-select-input {
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在el-select上添加class属性"tags-select-input"并应用相应样式即可实现所需效果。

当前页面有关el-select的其他样式设置，请参考以下引用提供的样式代码。

el-table 多选行

el-table 是 Element UI 中用于展示表格数据的一个组件。如果你想要实现表格的多选行功能，可以通过设置 el-table 的 `type="selection"` 属性来实现。具体操作如下：

1. 在 el-table 中添加一个具有 `type="selection"` 属性的列，这将为每行提供一个可选的复选框，用户可以通过点击复选框来选择对应的行。

2. 通过 `:row-selection` 属性绑定一个对象到 el-table 上，以此来控制多选的行为。这个对象可以包含 `prop` 和 `select` 两个属性。
- `prop` 是一个模型属性，表示当前行的勾选状态。
- `select` 是一个方法，用于设置行的勾选状态。

3. 通过 `v-model` 绑定一个数组到 `:row-selection` 对象的 `prop` 属性上，这个数组将存储所有被选中的行的 model 对应的数据。

下面是一个简单的代码示例：

<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  }
}
</script>

在上述代码中，el-table-column 设置了 type="selection" 来显示复选框，data 中的 tableData 则是表格需要显示的数据源。