微信小程序动态添加view

最新推荐文章于 2024-07-21 14:30:00 发布

qq_24767105

最新推荐文章于 2024-07-21 14:30:00 发布

阅读量2.9k

点赞数

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_24767105/article/details/89813008

版权

微信小程序专栏收录该内容

0 篇文章 0 订阅

订阅专栏

微信小程序动态添加view

 //index.html
 <button bindtap='clickMe'> 添加</button>   
 <input type='input' value='{{value}}' placeholder='请输入' bindblur='getValue'></input>
 <view  wx:for="{{info}}" wx:key="key">
   <view >   {{info[index].title}}  </view>
 </view>

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