el-select ドロップダウン選択ボックスにフィールド単位表示を追加します。 el-select ドロップダウン ボタンの前に単位表示を追加します。

背景: el-select はカスタム テンプレートを使用してドロップダウン オプションに単位を追加できますが、選択後に単位を表示できません。

効果を達成する

実装コード

html

			  <el-select
                v-model="form.day"
                class="select-prefix"
              >
                <el-option label="1" :value="1" />
                <el-option label="2" :value="2" />
                <el-option label="3" :value="3" />
                <el-option label="4" :value="4" />
                <template slot="prefix">天</template>
              </el-select>

css

.select-prefix .el-input__prefix{
    right: 30px;
    cursor: pointer;
}