最近学到的一些前端知识

2023-11-07

在Vue中使用v-for不仅可以遍历数组,还可以遍历对象,当然也可以遍历字符串。
还有在Vue中,不可以深度监听数组的变化,比如将数组arr某一项的值改变,在视图上不会发生变化,在网上找了很多方法,包括Vue.$set(原对象,位置,值),以及vue中的变异方法,像push,pop,shift,unshift,这些,最后发现都不生效,最后找到原因是我push的值不对,在数组中不能直接push数组,要进行扁平化处理,让其变成元素而不是一个数组,才行。
之后就是在页面中有一个数组,最后向后台传数据时需要传这个数组,这时候怎么办呢,
首先新建一个对象,对你要传的数组进行forEach遍历,然后将对象中的[key]设置为value,我的代码是这样的

    let form_data = {};
    list.forEach((obj)=>{
    form_data[obj.key] = obj.val;
})

 

如果对象中有值要新增的值
也可以对form_data.对象名 = 对象值进行设置
还有在swiper中对其分页器进行设置时,建议使用自定义样式,这样自定义性更强适应性更强。
最后在布局时,要考虑多方面因素,这里的数据是死的还是活的,如果数据多了怎么办。还有就是在做响应式开发时,进行列表布局时,如果是偶数个宽可以定为数值,如果是奇数个最好还是使用百分比进行布局。
暂时想到这么多,以后有新的收获再补充。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

最近学到的一些前端知识 的相关文章

  • C++ 动态数组

    C 语言和标准库提供了两种一次分配一个对象数组的方法 C 语言定义了另一种new表达式语法 可以分配并初始化一个对象数组 标准库中包含一个名为allocator的类 允许我们将分配和初始化分离 使用allocator通常会提供更好的性能和更
  • Windows 配置双网卡

    1 内网的IP地址要提前知晓备份 外网的IP地址是自动获取的 2 查看当前路由 输入命令 route print 则会看到如下的地址 第一条是默认的外网地址 表示无论访问什么地址都是需要从该IP访问 3 删除原来路由 配置的时候 需要先删除
  • 临床预测模型之生存资料的ROC曲线绘制

    本文首发于公众号 医学和生信笔记 医学和生信笔记 专注R语言在临床医学中的使用 R语言数据分析和可视化 主要分享R语言做医学统计学 meta分析 网络药理学 临床预测模型 机器学习 生物信息学等 生存资料的ROC曲线考虑了时间因素 在画RO

随机推荐

  • 【毕设选题】基于STM32的毕业设计题目项目汇总 - 350例

    文章目录 1前言 2 STM32 毕设课题 3 如何选题 3 1 不要给自己挖坑 3 2 难度把控 3 3 如何命名题目 4 最后 1前言 更新单片机嵌入式选题后 不少学弟学妹催学长更新STM32和C51选题系列 感谢大家的认可 来啦 以下
  • Java正则表达式替换占位符

    项目中使用一个功能 替换字符串中的占位符 当占位符的名称相近时 如 id 和 id1 不能完全区分替换 测试代码如下 测试1 String JAVARGGEX a zA Z0 9 String text id 1 and idx 3 Pat
  • R语言基础编程

    实验二 数据对象与数据读写 实验目的 1 了解R语言中的数据结构 2 了解R语言中数据类型的判别及转换函数 及其应用方法 3 了解R语言中对数据结构操作的函数 及其应用方法 4 了解R语言中读写数据文件的方法 实验内容与实现 1 创建一个对
  • CentOS安装Eigen

    1 下载 切换到root用户 su root 切换root用户 要输入密码 cd 切换到root的家目录 wget http bitbucket org eigen eigen get 3 3 7 tar gz 下载Eigen 2 解压安装
  • cmd命令行访问远程mysql数据库

    示例 mysql uhello pworld h 192 168 1 88 P 3306 D mysql oa mysql u用户名 p密码 h 远程数据库IP地址 P 端口 D 数据库名 连接成功后就可以想操作本地数据库一样了 感觉是不是
  • 现在完成时

    定义一 过去做的动作或状态 导致现在 如果时态是 现在完成时 have has v过去分词 当主语是第三人称单数时使用 has 我已经看过这部电影了 let s watch another movie i have already seen
  • SQL查询in大于1000处理

    近期在代码开发中 发现某些业务场景因为多个服务的调用查询 避免不了使用in 当in的数量小于1000的时候 可以正常使用 但是当in的数量大于1000的时候就会出现报错 针对此类问题主要有两个场景 1 使用Mybatis在XML中写SQL
  • 解决npm 乱报错

    使用npm 下载vue socket io npm报路径错误 解决方案 删除npmrc文件 强调 不是nodejs安装目录npm模块下的那个npmrc文件 而是在C Users 账户 下的 npmrc文件 注意 这个文件默认是被隐藏 一定要
  • gdb+vscode进行调试1——使用CMakelist文件进行编译和调试+附加进程调试

    1 建立工程文件 文件树如下 2 make sh脚本文件如下 bin bash cmake make 重要 必须添加权限 sudo chmod x make sh 3 CMakelist文件如下 cmake minimum required
  • Qt程序发布(Qt6.2.2+MinGW11.2.0+win10)

    前言 近几天 又有小伙伴问我程序发布的事 这个问题本不复杂 但对一个新手来说 还是有点难度的 为此 笔者简单介绍下Qt在windows下 发布程序的一般方法 本次以Qt6 2 2 MinGW11 2 0 win10为例 其他版本的方法类似
  • undo日志insert,update,delete (1)—mysql进阶(六十四)

    前面说了redo日志为了保证系统宕机的情况下 能够恢复数据 恢复数据是在以checkpoint lsn为起始位子来恢复 在该值之前的都是已经持久化到磁盘的 可以为了提升效率而放弃 而之后的数据 也可能在checkpoint之后 被后台异步运
  • mysql如何获取当前时间_mysql怎么获取当前时间

    mysql获取当前时间的方法 可以通过执行 select now 语句来获取当前时间 还可以通过执行 select current timestamp current timestamp 语句来获取 获得当前日期 时间 date time
  • ordfilt2函数功能说明

    转自 http www ilovematlab cn thread 91331 1 1 html ordfilt2函数在MATLAB图像处理工具箱中提供了二维统计顺序滤波函数ordfilt2函数 二维统计顺序滤波是中值滤波的推广 对于给定的
  • 对于强化学习的梳理

    强化学习 增强学习 概述 知识联系 强化学习是属于机器学习的一种 机器学习主要分监督学习 非监督学习 半监督学习 增强学习 强化学习的核心逻辑 那就是智能体 Agent 可以在环境 Environment 中根据奖励 Reward 的不同来
  • C语言学习打卡第8天

    一 函数第二部分的练习 1 有3 4的矩阵 初始化他并输出 还求出最大值输出 include
  • 计算机视觉算法——目标检测网络总结

    计算机视觉算法 目标检测网络总结 计算机视觉算法 目标检测网络总结 1 RCNN系列 1 1 RCNN 1 1 1 关键知识点 网络结构及特点 1 1 2 关键知识点 RCNN存在的问题 1 1 3 关键知识点 非极大值抑制算法 NMS 1
  • JAVA笔记_(Day04,Day05)函数&数组

    文章目录 函数 定义 练习 误区 重载 overload 重载选择题练习 函数的内存调用问题 数组 定义 数组的内存图解 数组的常见问题 应用 求和 最大值 将数组转成字符串 查表法 转十六进制 查表版 十六进制终极版 十进制转二进制 进制
  • Linux上搭建Jenkins

    Linux上搭建Jenkins 下面给出Linux上搭建Jenkins的环境 教你一步步搭建起来 1 Jenkins下载 Jenkins 下载网址 Download Jenkins Jenkins 最新版本 jenkins 1 514 al
  • ARM平台基于嵌入式Linux使用MIPI CSI-2接口

    标签 ARM Linux MIPI Camera NXP nVidia Toardex Apalis By Toradex 秦海 http www eefocus com toradex blog 16 05 384885 f19b5 ht
  • 最近学到的一些前端知识

    在Vue中使用v for不仅可以遍历数组 还可以遍历对象 当然也可以遍历字符串 还有在Vue中 不可以深度监听数组的变化 比如将数组arr某一项的值改变 在视图上不会发生变化 在网上找了很多方法 包括Vue set 原对象 位置 值 以及v