VantWeapp TreeSelect踩坑 右侧的内容点击了之后一直没有选中状态

已于 2024-01-31 15:38:02 修改
阅读量291 收藏
点赞数 3
文章标签： uni-app 小程序
于 2024-01-31 14:34:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChuChen_HaoLi/article/details/135953013
版权

 官网示例

官网给出的 items 格式

我按照官网的粘贴后  发现右侧的内容点击了之后一直没有选中状态

解决方法
把 :items="items"  里面的items自己定义一下    例如xxList什么的
把 点击方法里面的 this.activeId = [...activeId]
就好了

黎初晨
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序页面-筛选栏固定定位，以及使用Vant中TreeSelect控件遇到的问题
slient033的博客
11-05 4616
微信小程序页面-筛选栏固定定位，以及使用Vant中TreeSelect控件遇到的问题
Vant 源码解析——TreeSelect
u011581932的博客
09-10 2149
本篇笔者来讲解一下tree-select的实现原理和细节处理，结合实际场景会对其进行拓展，以及优化用户体验问题，以便满足更多的业务场景。
小程序使用vant weapp自定义级联三级下拉
ruoyan8899的博客
03-21 2066
小程序vant weapp自定义级联使用
vue前端之基于Vant-ui的树形商品分类选择（TreeSelect）
bentou_的博客
03-29 1万+
vue前端之基于Vant-ui的树形商品分类选择（TreeSelect） vant-ui地址：https://youzan.github.io/vant-weapp/#/intro 或者点击这里跳转 相关vant-ui的安装配置都见以上网址。 1、要实现的效果 效果就是通过点击如下的教育培训跳转到相对应的joblist页面： 2、html treeselect的相关属性可以查看官网的解...
微信小程序 使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题
紫一的博客
04-15 2615
微信小程序 使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题 vant的索引栏只要使用了定位，或者自定义头部，那么vant的索引栏就会出现各种BUG，基本不能用，这里我是基本重新写了一个。 先看一下最终效果图： 以上就是最终效果图，我尝试了各种方法都没办法在原生的基础上解决问题，所以这里我采用的方法是放弃vant自带的索引，全部用自己的思路重新来做一个类似的功能。 wxml <view id='app'> <navbar pageName="管理系统" textSh
【Vue】vant2使用van-tree-select实现【全选、反选、搜索】，自定义组件，拿去即用。2.0版本保姆级教程
qq_51055690的博客
11-08 4574
【Vue】vue2移动端 ，vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】，只影响当前显示children，并且去重由于项目又多了新功能，我发现之前写的van-tree-select全选反选组件，不友好。得改进一下。 效果如下。 van-tree-select实现全选反选组件效果实战案例我直接把代码全部贴出来。你们其实只需要改接口方法就好了。 van-tree-select
Element Plus treeSelect多选checkbox时，无法展示选中数据
qq_37107602的博客
05-10 1529
在element中，展示tree数据需要按照固定的label/value的形式进行数据渲染，但在实际开发中，后台有固定的的数据格式，无法按照element要求返回，此时可以通过props给后台数据重定义属性名。通过上述方式在开启show-checkbox无法正常展示数据到select框中，此时需要将后端返回的数据的单独处理，去掉props属性！根据业务需要，需要展示一个下拉列表，下拉列表中是Tree级联选择，需要展示复选框。使用Element Plus中的treeselect组件（
Vant Weapp TreeSelect 如何使用
05-25
Vant Weapp 的 TreeSelect 组件用于选择树形结构数据。 使用步骤如下： 1. 在需要使用 TreeSelect 的页面的 JSON 文件中添加组件引用： ```json { "usingComponents": { "van-tree-select": "/path/to/vant-...
Vant Weapp TreeSelect如何加图片
05-25
在 Vant Weapp 的 TreeSelect 组件中，可以通过设置 `icon-class` 属性来添加图片。具体步骤如下： 1. 在需要添加图片的节点中设置 `icon-class` 属性为自定义的 class 名称。 ```html :items="items" :main-...
微信小程序vant weapp实现三级treeselect 分类选择
12-15
微信小程序vant weapp提供了TreeSelect组件来实现三级分类选择。要实现三级分类选择，我们需要先获取分类数据，并将其转换为树状结构。 首先，在小程序页面的json文件中引入vant组件库，并设置所需的TreeSelect组件...
【vue + vant】van-tree-select在Vue项目中的使用
Gh的博客
03-23 9362
van-tree-select在Vue项目中的使用
小程序使用npm 以vantWeapp为例
小星落
04-23 431
打开项目终端，初始化 npm init —— 一直回车，直到出现yes——yes——回车 安装包 npm i @vant/weapp -S --production 使用 右上角 详情==> 本地设置 ==>选中使用npm模块 顶部菜单栏 工具 -> 构建npm 修改 project.config.json 开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外部，npm 构建无法正常工作。 需要手动在 project.c.
微信小程序搭配vant-ui实现三级联动
weixin_45102514的博客
05-18 3565
微信小程序三级联动
uni-app之使用vantweapp中的tree-select组件
qq_20501625的博客
12-11 9132
uni-app之使用vantweapp中的tree-select组件 今天想用一个类似级联框的组件，找了一下，决定用vantweapp的tree-select，然后就遇到巨大的坑。导航框能点击，但是右边子框里的item，一个都不能点。如图： 网上的方法，类似于修改index.js中的点击事件名称： 修改过后，发现根本没用。 来来回回，折腾了半天，突然想到，会不会是子框的点击事件名称，与系统名称...
vue中使用vant中TreeSelect 分类选择组件
热门推荐
月落星河
12-31 2万+
在vue中使用vant中TreeSelect的组件 中文文档：TreeSelect 分类选择 效果展示： //先在你需要的页面中引入，第一个是弹出层,第二个是选择的 import { Popup } from "vant"; import { TreeSelect } from "vant"; 代码部分： <van-popup v-model="policeShow" ...
微信小程序使用Vant Weapp实现三级选择
最新发布
m0_69892765的博客
01-25 1526
通过activeKey进行判断侧边导航是点击的那一个选项,上方的代码只写了点击到区域时的三级选择。这样就可以动态设置activeKey从而进行三级选择右边内容的选择了。三级选择功能的实现主要是结合了vant weapp组件中的。然后在js文件中给侧边导航添加了onChange事件。
vant表单使用TreeSelect 分类实现多选效果
weixin_45183187的博客
06-07 3706
vant表单使用TreeSelect分类实现多选效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值