好资源导航 » 文章资讯 » 微信小程序动态添加和删除组件的现实

微信小程序动态添加和删除组件的现实

2023-07-31 11:58:04 74

一、基本思路

1、通过改变数组长度动态增删组件


组件

2、点击添加按钮，增加数组的成员，组件相应增加

点击删除按钮，减少数组的成员，组件相应删除

二、示例

wxml:


添加input组件
删除Input组件

js:

data:{
obj:[]
},
/***增加组件*/
onTapAdd:function(e){
vartemp=this.data.obj;
temp.push(this.data.obj.length);
this.setData({
obj:temp
})
},
/*****删除最后一个组件，也可以修改删除指定组件*/
onTapDel:function(e){
vartemp=this.data.obj;
temp.pop(this.data.obj.length);
this.setData({
obj:temp
})
},

PS：微信小程序动态添加view

//index.html
添加


{{info[index].title}}


//index.js
data:{
	info:[],
	value:'',
},
clickMe:function(){
	varinfo=this.data.info;
	vartitle=this.data.title;
	varinfo2=newObject();
	info2.title=title;
	info.push(info2);
	console.log(info)
	this.setData({
		info:info
		})
	},
getValue:function(e){
	this.setData({
		title:e.detail.value,
		
		})
	},

到此这篇关于微信小程序动态添加和删除组件的现实的文章就介绍到这了,更多相关小程序动态添加删除组件内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

微信小程序动态添加和删除组件的现实

热门推荐

随机推荐