vue2+element-ui+在输入框末端el-select选择单位

在Vue2中结合Element UI，如果你想在输入框的末端添加一个下拉选择器（el-select），通常的做法是使用Element提供的`<el-form-item>`组件，并将输入框和下拉选择器组合在同一行。这里是一个基本的例子：

<template>
  <div>
    <el-form :model="formData">
      <el-form-item label="数值 + 单位">
        <el-input v-model="value" placeholder="请输入数值"></el-input>
        <el-select v-model="unit" placeholder="请选择单位">
          <el-option
            v-for="item in units"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        value: '',
        unit: ''
      },
      units: [
        { value: 'kg', label: '千克' },
        { value: 'g', label: '克' },
        // ... 更多选项
      ]
    };
  }
};
</script>

在这个例子中，用户在输入框输入数值，然后可以从下拉列表中选择对应的单位。`v-model`指令用于双向数据绑定，`el-select`的`v-model`属性绑定的是`formData.unit`。