在 Vant 中,
<van-image>
组件不支持直接放置在<van-field>
中。
//无效代码:加了插槽还是不生效
<van-field label="头像" is-link="{{false}}" center>
<view slot="input">
<van-image round src="/res/images/home_user.png" width="50" height="50" />
</view>
</van-field>
优化代码:
//使用 Vant 的 <van-cell> 组件来显示头像图片
<van-cell center title="头像">
<view slot="right-icon">
<van-image round src="/res/images/home_user.png" width="50px" height="50px" />
</view>
</van-cell>
成功显示!