我爱模板网 > 建站教程 > 前端框架 >  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>



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:vue使用v-if时的注意点 下一篇:如何在直接引入vant的html文件中使用vant组件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢