由于我们做项目中引用的时候,需要用到element ui 这次我们用到了
el-input-number 但是太大了,我们要把它变小,以更加美观
怎么办呢?如图,是我们需要实现的效果
组件的相关代码:
<el-input-number
v-model="SuperbSearch.maxmoney"
:precision="2"
@change="handleChange"
:min="1"
:max="10"
label="描述文字"
></el-input-number>
我们增加属性
size = "mini"
<el-input-number
v-model="SuperbSearch.minmoney"
:precision="2"
@change="handleChange"
size = "mini"
:min="0"
:max="10"
label="描述文字"
></el-input-number>
这样就可以了,如上图可以看到样式所需了一半左右