vue版本导致vant组件没渲染出来

最新推荐文章于 2024-10-08 17:48:41 发布

维他命Coco

最新推荐文章于 2024-10-08 17:48:41 发布

阅读量146

点赞数 2

分类专栏： # h5 前端文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_45534301/article/details/141710528

版权

h5 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

前端

1 篇文章 0 订阅

订阅专栏

今天遇到了一个h5端的问题，vant Form组件使用单选框没渲染出来，
最后发现是vue版本的问题。。

<van-field name="radio" label="单选框">  
  <template #input>  
    <van-radio-group v-model="radio">  
      <van-radio name="1">单选框 1</van-radio>  
      <van-radio name="2">单选框 2</van-radio>  
    </van-radio-group>  
  </template>  
</van-field>

<template #input> 是 Vue 2.6+ 的插槽语法，如果你的 Vue 版本较旧，slot=“input”

<van-field name="radio" label="单选框">  
  <template slot="input">  
    <van-radio-group v-model="radio">  
      <van-radio name="1">单选框 1</van-radio>  
      <van-radio name="2">单选框 2</van-radio>  
    </van-radio-group>  
  </template>  
</van-field>