Vue中怎么动态的去插入DOM节点呢?
2017-07-15 17:41
274 查看
问题描述:排除数据的插入方式,假如存在两组数据,每两组为一个对象,那么如果要加载下一个对象时应该怎么去插入呢?
2017/09/14 昨天晚上在睡梦中,恍恍惚惚地想到了一个解决方法,其实也很简单,只不过之前一直没有细想。
解决方法:
1.之前通过artTemplate插件进行先渲染再插入的方式实现该需求。
2.而Vue则是数据更改之后再去渲染
3.那么既然这样那就把问题中的两组数据手动组装为一个数组,然后动态的插入,问题不就迎刃而解了吗
流程:假如存在A和B两个数组需要进行渲染
C = [
{
‘A’: [],
‘B’: []
}
]
组装为C数组,然后每次获取新的数据之后,动态地插入C数组,然后在DOM结构中循环渲染C数组,bingo!
2017/09/14 昨天晚上在睡梦中,恍恍惚惚地想到了一个解决方法,其实也很简单,只不过之前一直没有细想。
解决方法:
1.之前通过artTemplate插件进行先渲染再插入的方式实现该需求。
2.而Vue则是数据更改之后再去渲染
3.那么既然这样那就把问题中的两组数据手动组装为一个数组,然后动态的插入,问题不就迎刃而解了吗
流程:假如存在A和B两个数组需要进行渲染
C = [
{
‘A’: [],
‘B’: []
}
]
组装为C数组,然后每次获取新的数据之后,动态地插入C数组,然后在DOM结构中循环渲染C数组,bingo!
相关文章推荐
- vue.js的插入dom节点方式
- 利用vue.js插入dom节点的方法
- 【DOM编程艺术】动态创建标记(签)---创建和插入节点
- angular.js 下动态插入删除dom节点
- vue.js插入dom节点的方式
- angular.js 下如何动态插入删除dom节点
- angular.js 动态插入删除dom节点
- jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作
- JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
- 3.2.3: jQuery的DOM操作之插入节点
- Js(DOM)动态添加节点和事件
- console.time 简单分析javascript动态加入Dom节点的性能
- vue动态生成dom并且自动绑定
- jQueryDom操作之内部插入节点
- css和html中的dom节点都是怎么被处理的
- javasript 的DOM 节点操作:创建,插入,删除,复制以及查找节点
- console.time 简单分析javascript动态添加Dom节点的性能
- 怎么用js操作dom节点的一些方法
- js之DOM操作(插入节点insertBefore())
- jQuery-DOM节点的插入