展示内容不用v-for

最新推荐文章于 2024-03-14 08:36:27 发布
最新推荐文章于 2024-03-14 08:36:27 发布
阅读量184 收藏
点赞数
文章标签： uniapp Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61464384/article/details/128853393
版权

1:展示内容不用v-for 没有index怎么办

首先点击需要用到currentindex 所先在需要动态展示的内容上写一个currenindex=0 另一个可以写currentindx=1然后在固定的样式页面方法上把0，1 作为参数传过去 这样虽然是固定的0，1 到是当我点击的时候currentindex也是同时为0或者1 这样就完成了点击事件

再者 对象不像数组可以直接使用 所以我这时候定义的对象可以当参数传到点击事件的方法里面 在方法里面可以直接获取到多像里面的数据 从而进行走动态方法

为什么不用v-for

因为v-for遍历的值 虽然他的子元素都可以用 但是如果有特殊的 -----子元素外面还包着一个盒子 那么这个设置这个子元素因为遍历出来的东西无法在同一个盒子中 样式无法书写

同样动态样式展示也是用固定好了的currentindex

我叫LiLi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
uni-app怎么获取view距离顶部的高度
青阳的博客
07-29 2万+
通过uni.createSelectorQuery() 来实现，注意：要获得的高度，是在页面上已经有了dom之后才能获得 const query = uni.createSelectorQuery() query.select('#ListConS').boundingClientRect() query...
UniApp中的数据存储与获取指南
精通前端技术，了解后端接口
11-15 2434
在移动应用开发中，数据的存储和获取是至关重要的一部分。UniApp作为一款跨平台应用开发框架，提供了多种方式来实现数据的存储和获取，本文将介绍UniApp中常用的数据存储方法，并给出实际案例进行演示。总结UniApp中数据存储与获取的几种方法和实际应用场景，并鼓励读者根据自身需求选择合适的存储方案。提供进一步学习资源的链接，鼓励读者深入学习UniApp中数据存储与获取的更多技巧和方法。
uniapp web-view获取传递过来的数据event
骨子里的偏爱
03-14 191
【代码】uniapp web-view获取传递过来的数据event
Vue的列表渲染博客
qq_66351622的博客
04-28 1162
学习目标： Vue框架学习 学习内容： Vue中列表的渲染 学习产出： 技术笔记 网页博客 vue-列表渲染(v-for 详细) v-for 1、数组 用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组。 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，需要为每项提供一个唯一 key属性。 由于JavaScript的限制，Vue 不能检测以下变动的数组
在微信小程序中获取某个view的信息位置
一只会喊666的咸鱼的博客
09-11 3869
<view> <text class="title" id="nav">导航一</text> </view> 例如：获取这个view的信息位置 wx.createSelectorQuery().select('#nav').boundingClientRect(function(res){ console.log(res) }).exec() 我们得到返回结果：如图 PS：selector类似于 CSS 的选择器，但仅支持下.
解决vue的 v-for 循环中图片加载路径问题
10-18
在这种情况下，我们通常会将图片的路径和名称作为数据返回给前端，然后通过`v-for`循环展示这些图片。 例如，数据结构如下： ```javascript [ { CnName: '荷花', EnName: 'lotus' }, { CnName: '康乃馨', EnName...
vue v-for直接循环数字实例
10-16
以下是一个例子，展示了如何在Vue中使用 `v-for` 循环5次： ```html <svg class="icon" aria-hidden="true" v-for="index in 5" :key="index"> <use v-if="index < hotelInfo.level" xlink:href="#ht-icon-...
关于vue v-for循环解决img标签的src动态绑定问题
10-18
今天小编就为大家分享一篇关于vue v-for循环解决img标签的src动态绑定问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于vue v-for 循环复选框-默认勾选第一个的实现方法
08-27
在Vue.js框架中，`v-for`指令是一个非常强大的功能，用于遍历数组或对象，常用于创建列表、表格等需要动态渲染的数据组件。在这个场景中，我们需要在使用`v-for`循环创建复选框（checkboxes）时，实现默认勾选第一个...
Vue中v-for的数据分组实例
11-28
当需要展示的数据是以一维数组的形式存在时，直接使用`v-for`指令可以轻松遍历并显示数据。然而，有时候我们可能需要对这些数据进行分组，以便在界面上更有序地呈现。在这种情况下，Vue的`computed`属性就派上用场了...
uniapp项目之安卓版本获取从文本框下复制的文本
草灯的专栏
05-15 2967
如题，在开发uniapp项目过程中，调用了uni.getClipboardData(OBJECT) API获取剪贴板的内容，然后写入到文本框。 一开始一切都好好的。偶然做了如下测试，然后发现悲剧了！！！具体复现如下： 1、在微信会话框，在文本框随机输入文本串 2、全选复制后，切换回uniapp调试APP中。 3、点击粘贴后，在控制台监控到获取的文本对象如下图 然后开始惊慌失措，怀疑人生，是api...
微信小程序，点击view获取view对应的内容
热门推荐
酸柠檬的博客
03-24 3万+
比如，在test.wxml文件中： <view data-text="{{item.text}}" class="static_cell" bindtap="{{item.func}}">{{item.text}}</view>
uni-app学习之旅view
I_like_garlic的博客
05-06 249
图片取自uniapp官方文档https://uniapp.dcloud.io/component/view detail.vue <template> <view> <!-- <view> <text>无敌季卡拉诺在学习</text> </view> <view> <text selectable>无敌季卡拉诺在学习</text>//selectable长按可选..
uni-app如何获取输入框的内容
东泰博客
10-24 1万+
此文章来源于http://dt2008.cn/130 这个用处的范围挺广的，用处：注册、登陆、搜索、提交(发布)文章等，小编就教大家uni-app如何获取输入框的内容 以下案例是用于登陆注册。 <view class="uni-form-item uni-column"> <view class="title">账号</view> <inp...
uniapp获取手机验证码组件
Neil_1993的博客
01-28 1万+
&lt;template&gt; &lt;view&gt; &lt;page-head :title="title"&gt;&lt;/page-head&gt; &lt;!-- 示例1 --&gt; &lt;view class="uni-text-small uni-center title"&gt;示例1&lt;/view&gt; &
[高分项目]基于vue，springboot的图书馆管理系统[源码+笔记+操作手册+说明文档].zip
07-25
【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源
b197企业项目管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
最新发布
07-25
企业项目管理系统按照操作主体分为管理员和用户。管理员的功能包括操作日志管理、字典管理、论坛管理、公告管理、项目管理、项目申报管理、用户管理、管理员管理。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。 企业项目管理系统可以提高企业项目管理系统信息管理问题的解决效率，优化企业项目管理系统信息处理流程，保证企业项目管理系统信息数据的安全，它是一个非常可靠，非常安全的应用程序。 管理员权限操作的功能包括管理公告，管理企业项目管理系统信息，包括项目管理，培训管理，项目申报管理，薪资管理等，可以管理公告。 项目管理界面，管理员在项目管理界面中可以对界面中显示，可以对项目信息的项目状态进行查看，可以添加新的项目信息等。项目申报管理界面，管理员在项目申报管理界面中查看项目申报种类信息，项目申报描述信息，新增项目申报信息等。公告管理界面，管理员在公告管理界面中新增公告，可以删除公告。公告类型管理界面，管理员在公告类型管理界面查看公告的工作状态，可以对公告的数据进行导出，可以添加新公告的信息，可以编辑公告信息，删除公告信息
Docker容器化缓存服务：Redis的极速之旅
07-25
Docker是一个开源的应用容器引擎，它允许开发者打包他们的应用以及应用的运行环境到一个可移植的容器中，然后发布到任何流行的Linux机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口（类似iPhone的app），更重要的是容器性能开销极低。 ### Docker的主要特点包括： 1. **容器化**：Docker可以将应用及其依赖打包在轻量级、可移植的容器中，而不是传统的虚拟机。 2. **可移植性**：由于容器与底层基础设施无关，因此可以在任何安装了Docker的主机上运行。 3. **自动化部署**：Docker可以通过Dockerfile自动化构建容器镜像，简化部署流程。 4. **版本控制和组件重用**：Docker Hub和其他注册中心可以存储容器镜像，支持版本控制和重用。 5. **微服务架构**：Docker非常适合微服务架构，每个服务可以独立打包、部署和扩展。 6. **弹性伸缩**：容器可以快速启动和停止，适合实现应用的弹性伸缩。 7. **安全性**：容器提供了额外的隔离层，有助于提高应用的安全性。 8. **多租户架构**
《AI大模型应用》--Golang版本国内大模型API调用，集成文心一言、通义千问、讯飞星火、智谱AI.zip
07-25
个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！
v-for里面v-for
09-07
下面是一个简单的示例，展示了v-for里面的v-for的用法： ```html <div v-for="item in items" :key="item.id"> <span v-for="subItem in item.subItems" :key="subItem.id"> {{ subItem.name }} ``` 在这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我叫LiLi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值