uni.app小程序实现跳转获取数据

式例如上图所示（前提是点击索引获得的id与获得数据的id是一样的）

首先是获取文档的数据

我用的async await来获取数据，也可以用.then方法获取数据

async onLoad() {let res = await getOtuhpv()this.data = res.data   //全部数据this.data1 = this.data[0].hpv_list //获取的6个数据console.log(res.data, '全部疫苗');  }

给四个按钮一个点击事件，并且获取点击后得到的id 例如

<view class="d-flex j-center a-center text-center my-3 mt-5 " v-for="(item,index) in data" :key="index"><view class="span-5 " v-for="(j,index) in item.hpv_select" :key="index" @click="toggle({j},index)"><view class="text-center fyy"><view>{{j.name}}</view><view :class="index==checked ? 'checked' : ''"></view></view></view></view>

data() {return {data: [],checked: 0,data1:[]}},methods: {toggle(a, index) {// 当前点击的indexconsole.log(a.j._id,'a.j._id点击显示的id');// this.id = a.j._idthis.checked = index// 点击对应index显示对应hpv疫苗数据// if(a.j._id=='26da8e4962dc565503df9629704f1700'){if(a.j._id==this.data[0].hpv_select[0]._id){  //当a.j._id==全部按钮的idthis.data[0].hpv_list=this.data1   //把6个数据放入this.data[0].hpv_list中}else{this.data[0].hpv_list = this.data1.map((q)=>{return q.hpv_id===a.j._id && q})this.data[0].hpv_list = this.data[0].hpv_list.filter((v)=>v) //filter默认删除false的数组项}},    },

uni.app小程序实现跳转获取数据相关推荐

php跳转app,小程序支持跳转app么
小程序支持跳转app. 此功能需要用户主动触发才能打开 APP,所以不由 API 来调用,需要用 open-type 的值设置为 launchApp 的 button 组件的点击来触发. 示例: 小程 ...
mpvue 小程序页面跳转获取参数
在mpvue中可以使用vuex来存储数据.但是在页面跳转传参方面,我是喜欢用其他写法. 小程序原生写法:https://developers.weixin.qq.com/miniprogram/dev ...
uni.app小程序的ajax封装详细讲解
我懒得说了 //放url相同的片段 const rootUrl = ""// 示例: ajax({ url:'/api/login', param: param, method: ...
uni.app小程序登录页持久化存储和退出后清除本地缓存
持久化存储在store里面的user.js(自己创建的)中 export default {state: {status: false, //登录的状态,获取数据中status是1,登录成功时状态为 ...
微信小程序request请求动态获取数据
微信小程序开发文档链接 1 后台代码: clickButton:function(){var that = this;wx.request({url: 'http://localhost:9096/a ...
微信小程序使用echarts动态获取数据
Number2 echarts动态获取数据继续上一篇,结合echarts动态获取数据官方提供了一个微信与echarts相结合的数据,里面就是简单的各种工具,数据获取没有进行动态绑定,各种搜索资料最 ...
小程序列表页分页获取数据，下滑加载更多
页面代码 <view class="fp_box">  <view class="load_style" hi ...
uni.app小程序失焦聚焦，表单验证
<input type="text" placeholder="请输入手机号/邮箱/账号" v-model="username" @f ...
微信小程序如何从云端获取数据并渲染页面
页面的数据来自于云端数据库首先要从云端数据库获取之后接受传过来的数据传入到使用的地方(这一步还是传值) 接受并动态渲染页面效果图展示(数据均来自于数据库)

uni.app小程序实现跳转获取数据

uni.app小程序实现跳转获取数据相关推荐

最新文章

热门文章