由于我们做项目中引用的时候,需要用到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>
这样就可以了,如上图可以看到样式所需了一半左右
版权声明:本文为milijiangjun原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。