ElInputNumber 添加单位

在使用Element UI的el-input-number组件时，可以通过插槽（slot）来添加单位。以下是一个简单的例子，展示如何在输入框旁边添加单位。




<template>
  <el-input-number v-model="value" :min="1" :max="10">
    <template #suffix>
      单位
    </template>
  </el-input-number>
</template>
 
<script>
export default {
  data() {
    return {
      value: 1
    };
  }
};
</script>

在这个例子中，el-input-number组件的v-model绑定了变量value，min和max属性设置了输入数字的范围。#suffix插槽用于添加单位文本，它会显示在输入框的后缀位置。

ElInputNumber 添加单位

评论已关闭

推荐阅读