• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > vue教程,AngularJS教程 >  vant Cell单元格右侧显正文

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

作者:网页模板
类型:文章教程
点击次数:
发布时间:2019-01-10 11:59
分享到:
我爱模板网在用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>

(责任编辑:网页模板)
  • 本文标签:
  • vant教程
vue使用v-if时的注意点
如何在直接引入vant的html文件中使用vant组件