好资源导航 » 文章资讯 » vue动态生成dom并且自动绑定事件

vue动态生成dom并且自动绑定事件

2024-02-25 11:45:03 45

用jquery的时候你会发现，页面渲染后动态生成的dom，在生成之前的代码是没办法取到相应对象的，必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。

html:






{{item.val}}

添加2x2的表格

js:



varvm=newVue({
el:"#app",
data:{
tables:[]
},
methods:{
add:function(){
row=[];
rmax=2;
cmax=2;
for(i=0;i

你会发现input框输入的值直接就能在其下面的div里就能改变，直接读取date里面的数据就能获取相应的表格内的数据,可以将其直接使用，ajax发送不需要使用jquery再次搜索读取。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。