将lable字居中：<el-table-column label="药品名称"> <template slot-scope="scope"> <div class="shangpin"> <el-image style="width: 100px; height: 100px" :src="baseUrl + scope.row.picture" fit="fill"></el-image> <span style="margin-left: 10px">{{ scope.row.goodname }}</span> </div> </template> </el-table-column>

你可以使用CSS来将label文字居中，如下所示：

<el-table-column label="药品名称" class="centered-label">
  <template slot-scope="scope">
    <div class="shangpin">
      <el-image style="width: 100px; height: 100px" :src="baseUrl + scope.row.picture" fit="fill"></el-image>
      <span style="margin-left: 10px">{{ scope.row.goodname }}</span>
    </div>
  </template>
</el-table-column>

<style>
  .centered-label .cell {
    text-align: center;
  }
</style>

在el-table-column添加一个class为"centered-label"，然后使用CSS将其中的.cell元素居中，这样就可以将label文字居中了。

相关问题

<el-tab-pane :label="$t('hk.groupViewHomePage.HomePage')" name="HomePageTableComponent">中怎么使lable内容作对启

要让 `<el-tab-pane>` 组件中的 `label` 内容右对齐，你可以使用 CSS 来实现。下面是一个示例：

<style>
  .right-aligned-tab .el-tabs__nav-wrap .el-tabs__nav {
    justify-content: flex-end;
  }
</style>

<el-tabs class="right-aligned-tab">
  <el-tab-pane :label="$t('hk.groupViewHomePage.HomePage')" name="HomePageTableComponent">
    <!-- Tab 内容 -->
  </el-tab-pane>
  <!-- 其他 Tab -->
</el-tabs>

在上面的示例中，我们使用自定义的 CSS 类 `.right-aligned-tab` 来修改 `el-tabs` 组件的样式。通过设置 `.el-tabs__nav-wrap .el-tabs__nav` 的 `justify-content` 属性为 `flex-end`，可以将选项卡标签右对齐。

请注意，`$t('hk.groupViewHomePage.HomePage')` 是一个国际化的翻译函数，你需要根据实际情况进行相应的配置和使用。

你可以根据实际需求调整样式，并根据项目的要求进行修改。

<u-form-item label="公司名称" > <u-select v-model="show" :list="list" ></u-select> <u-input @click="show = true" type="select" v-model="lable" placeholder="请选择公司名称"></u-input> </u-form-item> 如何将select中选中的项输入到input输入框中

您可以在 `u-select` 组件中添加 `@select` 事件监听器，该事件会在选中选项时触发，然后在事件处理程序中将选中项的值赋给 `u-input` 组件的 `value` 属性即可。具体代码如下：

<u-form-item label="公司名称">
  <u-select v-model="show" :list="list" @select="lable = $event.value"></u-select>
  <u-input type="text" v-model="lable" placeholder="请选择公司名称"></u-input>
</u-form-item>

在上面的代码中，`@select="lable = $event.value"` 表示选中选项时将选项的值赋给 `lable` 变量，而 `v-model="lable"` 则将 `lable` 变量的值绑定到 `u-input` 组件的 `value` 属性上，这样选中的值就会显示在输入框中。