首页 > 建站教程 > 前端框架 >  vant Cell单元格右侧显示文字的方法正文

vant Cell单元格右侧显示文字的方法

我爱模板网在用vue+vant做一个混合app时,遇到一个需求:单元格的右侧出现可以填写的内容以及内容的单位。如下图所示:


这个可以用vant的cell单元格来做,但是在官网没有找到右侧有文字的效果,只能自己动手了,下面代码记录下,防止下次还会用到:
<van-cell-group>
    <van-field required placeholder="请填写" label="单元格" type="number" input-align="right"/>
    <van-text slot="button" size="small" type="text">单位</van-text>
</van-cell-group>