vant picker选择器自定义选项内容

最新推荐文章于 2024-11-25 17:55:26 发布

sunddy_x

最新推荐文章于 2024-11-25 17:55:26 发布

阅读量1.1w

点赞数 3

分类专栏： Vue Vant 文章标签： javascript css3 前端

本文链接：https://blog.youkuaiyun.com/sunddy_x/article/details/123532385

版权

前言

项目中遇到需要在选择器中展示多行数据，这里需要用到picker的自定义选项内容。
在这里插入图片描述

代码

<template>
  <div class="app-container">
    <van-nav-bar :title="navTitle" />
    <section>
      <van-form @submit="onSubmit">
        <van-field
          readonly
          clickable
          name="picker"
          :value="value"
          label="选择器"
          placeholder="点击选择"
          @click="showPicker = true"
        />
        <van-popup v