null - 程序员宅基地

循环渲染多个复选框checkbox_循环的 el-row 中加checkbox-程序员宅基地

主要展示通过后台数据，循环渲染多个复选框，并解决同时选中和同时取消的问题。

思路：

1. 定义一个div容器，里面包含多个复选框，复选框的数据来源是后台数据，为数组

2. 在div容器标签中，接收该数组, v-for循环渲染

3. 通过Input标签，获取复选框的选中状态，使用v-model

4. 注意：isChecked的值为[ ]空数组。因为多个复选框的选中状态也不一样，需要接收多个状态，多个要用数组的形式接收。有些人使用true/false，结果一点击复选框，就会全选，全部都是一个状态

<!-- 最外层容器，用于包含内容-->
<div>
   <!--标题-->
   <h1>请选择你喜欢的专栏</h1>
    <!--循环渲染，正式开始，定义一个div，用于接收后台数据-->
    <div v-for="item in lists" :key="item">
      <!--此处的id是为了绑定label标签，用以显示复选框的文字内容-->
      <input type="checkbox" id="check" v-model="isChecked" :value="item" />
      <!--文字内容-->
      <label for="check">{
   { item }}</label>
    </div>
</div>

后台数据：

export default {
  data() {
    return {
      //需要被循环渲染的数据
      lists: ["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
      //选中状态
      isChecked: []
    }
  }
}

效果：

完结撒花！

本文链接：https://blog.csdn.net/weixin_60353902/article/details/134123000

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

项目管理之六详解 Gitlab 本地部署全过程、Gitlab Pages、企业版 PATCH_gitlab本地部署-程序员宅基地

文章浏览阅读4.7k次，点赞7次，收藏19次。Gitlab 官方推荐用户安装企业版，因为在不购买许可证时，安装的 Gitlab-ee 就是运行为 Gitlab-ce 版本（付费功能自动隐藏）_gitlab本地部署

BGP13种选路原则_bgp选路原则-程序员宅基地

文章浏览阅读581次，点赞5次，收藏6次。可以看到，原来优选了对等体2.2.2.2的路由现在下一跳地址变为了10.1.12.1，因为路由器会将从EBGP学习到的路由信息原封不动的发送给其他对等体，而peer 3.3.3.3 next-hop-local这条命令就是告诉其他对等体，我发给你们的路由，下一跳来找我。但是，在比较该条规则下，还有一个潜在的规则：如果路由中携带有Originator_ID，则先比较Originator_ID，再比较Router_ID，同样，具有最小的Originator_ID值的路由为最优。_bgp选路原则

RDLC报表设计与打印相关备忘_打卡rdlc报表设计-程序员宅基地

文章浏览阅读152次。而在使用打印机打印时需要调用ReportPresenter.PrintRdlc(...)方法的PrinterInfo参数的landscape属性设置为true，如下图。1、RDLC报表设计在最新VSTS集成环境（IDE），如VS2019及以上，不能打开Designer（设计器）；3、设计界面显示标尺，以便直观看到报表的宽度（如下报表宽度27cm+，所以该表设计是横向A4纸张页面布局的）4、基于第3点的原因，导出报表时正常使用即可，但是打印时需要将布局改为纵向。_打卡rdlc报表设计

R语言数据分析、展现与实例（07）_r语言数据分析案例附数据-程序员宅基地

文章浏览阅读2k次，点赞2次，收藏16次。R语言的各种分布函数基本统计学and概率论……不记了……> a = c(98,83,65,72,79,76,75,94,91,77,63,83,89,69,64,78,63,86,91,72,71,72,70,80,65,70,62,74,71,76)> a [1] 98 83 65 72 79 76 75 94 91 77 63 83 89 69 64 78 63 86 91 72 71 72_r语言数据分析案例附数据

Struts1.x工作原理概述_而strutsl.x的底层核心-程序员宅基地

文章浏览阅读1.7k次。一、Struts 的体系结构二、Struts 的流程三、具体原理1、 Struts的核心是ActionServlet，它本质上就是一个Servlet，在Web.xml中配置ActionServlet为自动启动，指明Struts的配置文件所在位置，并指明Struts中工作条件servlet> servlet-name>strut_而strutsl.x的底层核心

eos虚拟机与智能合约详解与分析_多层级并行智能合约虚拟机架构-程序员宅基地

文章浏览阅读1k次。文章目录1. 相关背景知识1.1 LLVM相关内容1.1.1 LLVM架构概述1.1.2 LLVM IR介绍与分析1.1.2.1 LLVM IR指令集1.1.2.2 LLVM IR类型系统1.1.2.3 LLVM IR内存模型1.1.2.4 LLVM IR函数调用1.1.2.5 LLVM IR示例1.1.3 LLVM JIT介绍与分析1.1.3.1 LLVM JIT实现原理1.1.3.2 LLVM..._多层级并行智能合约虚拟机架构

随便推点

Linux服务器安装ArangoDB数据库：_arangodb 卸载-程序员宅基地

文章浏览阅读2.6k次。系统环境：（CentOS Linux release 7.2.1511 (Core)）uname -a下载rpm安装包安装rpm安装包命令：rpm -i arangodb3e-3.2.8-1.x86_64.rpm 安装完成之后查询ArangoDB状态sudo systemctl status arangodb3运行结果：ArangoDB在Teminal访问数据命令arangosh运行_arangodb 卸载

使用springboot、vue框架和element ui组件搭建前后端分离项目_利用idea创建 spring boot vue element 前后端分离新项目-程序员宅基地

文章浏览阅读599次。使用springboot、vue框架和element ui组件搭建前后端分基础离项目_利用idea创建 spring boot vue element 前后端分离新项目

maven gatling 运行_gatling+maven-程序员宅基地

文章浏览阅读1.1k次。pom.xml

Springboot计算机毕业设计基于微信小程序的网络办公系统【附源码】开题+论文+mysql+程序+部署-程序员宅基地

文章浏览阅读862次，点赞12次，收藏12次。基于微信小程序的网络办公系统的研究，不仅有助于推动企业的数字化转型，提升工作效率，还能优化员工的办公体验，增强企业的竞争力。通过该系统，企业可以实现员工信息的集中管理、员工打卡的自动化处理、员工工资的电子化核算等功能，从而简化管理流程，减少人力成本。因此，开发一款基于微信小程序的网络办公系统，以满足企业对于高效、便捷办公的需求，具有重要的现实意义和应用价值。本研究的最终目标是帮助企业实现办公流程的数字化、自动化和智能化，提升企业的管理水平和运营效率，推动企业的可持续发展。最后，进行系统的部署和上线。

数据转换：将数据转换为不同的格式-程序员宅基地

文章浏览阅读489次，点赞7次，收藏7次。1.背景介绍1. 背景介绍在现代信息化时代，数据是成为企业竞争力的关键因素之一。数据的质量和可用性直接影响企业的决策能力和运营效率。因此，数据转换成为了一项重要的技术。数据转换的目的是将数据从一个格式转换为另一个格式，以满足不同的应用需求。数据转换的应用场景非常广泛，包括但不限于：数据库迁移：将数据从一个数据库系统迁移到另一个数据库系统。数据清洗：将数据从原始格式转换为有效的数..._数据格式转换软件技术要求怎么写

XTuner 大模型单卡低成本微调实战笔记_llm微调的目的-程序员宅基地

文章浏览阅读909次，点赞17次，收藏24次。大语言模型是在海量的文本内容基础上，以无监督或半监督方式进行训练的，海量的文本内容赋予了大模型各种各样的行业知识，但是如果直接把大模型的知识用于生产实践，会发现回答不大满意，微调的目的就是让LLM在具体的场景或领域中能够得到更好的回答。常用微调模式：增量预训练和指令跟随增量预训练：给模型投喂一些新的知识，新知识是目标领域的文本内容，经过新知识学习，模型即可获得该领域更好的效果。使用场景: 让基座模型学习到一些新知识，如某个垂类领域的常识训练数据:文章、书籍、代码等指令跟随微调。_llm微调的目的