使用vue点击一个事件就复制一个结构出来。

news/2024/7/10 1:44:56 标签: vue, javascript, js, vue.js

今天遇到一个需求,点击一个按钮的时候,需要把一个页面的结构复制出来,左思右想,原来是这样子的。
首先你得明白你要复制哪一份结构,找到的话就把一个结构用v-for循环。

<div v-for="(item, index) in arr" :key="index">
	<span>你需要复制的结构<span/>
</div>
<a-button type="primary" @click="getArr">
   复制
</a-button>
js">data () {
 	return {
			...
			arr: [{}] // 默认给他有一个长度
		}
	}
 getArr () {
    this.arr.push({})
 }

这个就是你需要循环的数据,点击按钮的时候就复制一份这个结构。


http://www.niftyadmin.cn/n/763869.html

相关文章

git bash here创建项目无法选择m_超实用 Git 使用方式介绍

都说程序员若是不知道 GitHub 就不是一个合格的程序员&#xff0c;其实这话说的过分了&#xff0c;不知道就学嘛&#xff0c;今天我们就来说说 Git 和 GitHub 到底是什么。我们在开发软件的时候&#xff0c;常常是需要多人协作完成&#xff0c;这时候我们就需要对我们的代码进行…

vue使用ant design vue的collapse

在使用折叠面板的时候&#xff0c;应该是点击以后就会关闭一个面板&#xff0c;但是有的需要点击俩下&#xff0c;才可以展开&#xff0c;就是因为v-modal影响了这个 v-modal改成activeKey <a-collapse accordion change"changePanel" activeKey"activeKey&…

qcustomplot绘制动态曲线_Qt编写的项目作品17-自定义曲线图柱状图

一、功能特点可设置X轴Y轴范围值。可设置背景颜色文本颜色网格颜色。可设置三条曲线颜色颜色集合。可设置是否显示定位十字线,可分别设置横向和纵向。可设置十字线的宽度和颜色。可设置是否显示数据点以及数据点的大小。可设置是否填充背景形成面积图。可设置模式-拖动缩放等。…

使用ant-design-vue(select)遇到的问题,解决重置之后清空值

当你的select-option是循环出来的时候&#xff0c;你点击清空以后这个值是不会清空的&#xff0c;当你使用组件自带的api – allowClear的时候&#xff0c;你会发现清空以后是undefined&#xff0c;所以当你清空的时候&#xff0c;你可以在select标签上使用v-model。 <a-se…

js indexOf的使用

今天遇到一个需求&#xff0c;俩个字符串第一个字符串是‘检查’&#xff0c;第二个字符串是‘检查单的问题啊啊啊啊啊’&#xff08;这俩个字符串是我瞎写的&#xff09; 我要的是如果这个字符串里面有检查这俩个字就给我返回来。 因为是获取到input框里边输入的值。所以就判断…

python map lambda表达式_Python的lambda表达式、filter、map、reduce等函数的用法

lambda是表达式&#xff0c;用于创建匿名函数&#xff0c;可以和filter、map、reduce配合使用。 本文环境Python3.7。 一、lambda表达式 lambda 只包含一个语句&#xff0c;用于创建匿名函数。 语法&#xff1a; lambda [arg1 [,arg2,.....argn]]:expression arg1 -- 参数&…

vue使用ant design vue 树型控件(tree)

遇到的需求就是一级结构不要checked框&#xff0c;二级结构也不要&#xff0c;三级结构才需要&#xff0c;那么需要怎么做呢&#xff0c;因为人家给的结构是这样子的 checkable这个是一定要加的&#xff0c;要不不会显示出来 <a-treev-model"checkedKeys"checkabl…

federation机制的最新发布_基于Federation实现Kubernetes跨集群应用调度实践

1 Kubernetes Federation介绍1.1 Kubenetes Federation概述Kubernetes Federation实现在混合云模式下统一管理多个跨region或者跨公有云供应商的Kubernetes集群&#xff0c;使Kubernetes应用支持在多个跨区域集群之间部署、调度以及同步&#xff0c;从而实现应用的高可用以及灾…