模板的数据传入时间的坑

昨天遇到一个坑，传入子模板的数据出不来。

是因为使用vue-resource取json数据，而vue-resource是异步的

所以页面dom完成时，数据还未得到，当子模板的v-dom渲染依赖于传入数据的一次计算时，页面就无法出现。

这时候需要用computed(watch)监控数据。

另外，测试确定，模板参数传入节点和dom渲染同时的，即beforeCreate后 created前

原文地址：https://www.cnblogs.com/mobu/p/10090743.html

时间： 2024-10-10 17:08:08

模板的数据传入时间的坑的相关文章

ejs模板数据传入js

最近项目遇到后台数据传入ejs模板,但前端因为制作聊天室功能需要,用户的信息.通过jade方法的思考,和查阅资料找到方法. 第一步 <script>var uid = '<%=user._id%>' <script> 原理:后台模板原理就是拼接字符串,所以可以直接使用ejs语法,在html页面内部,将后台模板值赋给一个变量问题:如果在引用一个外部js,发现外部js并不能使用该方法得到值,原因就是外部js属于服务器静态文件,只有.ejs文件才能拿到后台数据第二部(解决

ASP.NET MVC搭建项目后台UI框架—8、将View中选择的数据行中的部分数据传入到Controller中

ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5.Demo演示Controller和View的交互 ASP.NET MVC搭建项目后台UI框架—6.客户管理(添加.修改.查询.分页) ASP.NET MVC搭建项目后台UI框架—7.统计报表 ASP.NE

Cacti 模板（图形模板、数据模板、主机模板）与自定义监控脚本

Cacti定义了三种类型的模板,分别是主机模板数据模板图形模板主机模板(Host templates),它是图像模板和数据查询的一个集合,描述了监控某一类型的机器需要生成那些图像. 数据模板(Data templates),它描述了 Cacti 存储哪些数据到指定类型的 RRD 文件.该模板与 RRDTool 工具的 create 命令相关. 图形模板(Graph templates),描述了生成的一张图像应该是什么样子的.包括使用哪些数据模板.展示哪些元素.是否使用 CDEF

在EasyUI中统一判断是否有选中行，如果有则将选中行数据传入回调函数

背水一战 Windows 10 (51) - 控件（集合类）: ItemsControl - 项模板选择器, 数据分组

原文:背水一战 Windows 10 (51) - 控件(集合类): ItemsControl - 项模板选择器, 数据分组 [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之控件(集合类 - ItemsControl) 项模板选择器数据分组示例1.ItemsControl 的项模板选择器Controls/CollectionControl/ItemsControlDemo/ItemsControlDemo3.xaml <Page x:Class="Windo

java poi 从服务器下载模板写入数据再导出

最近写了一个,Excel 的写入和导出. 需求是这样的. 在新建合同的时候,会有导出合同的数据, 导出的模板是固定的,,需要在模板里面写入合同的信息. first : 下载模板 > 写入数据 > 输出下载模板 : StringBuilder path = new StringBuilder(""); path.append(request.getSession().getServletContext().getRealPath("&q

根据数据类型增加Azure Log Analytics的数据保留时间

在日常的运维工作中,日志是我们分析系统运行情况.问题定位.系统优化分析等操作的主要数据源头.同时在很多客户的实际场景中,为了满足公司的审计等要求,也会需要对某种特定类型的日志数据进行持久的存储,如SecurityEvent等,从而满足公司的合规性.对于此类的需求,其实我们有多种方式可以满足,比如使用某些企业级的日志收集系统等.那么在Azure中,我们如何来持久的保存某些类型的日志记录呢? 其实在2019年10月8日,微软宣布支持每种数据类型独立增加保留时间.这意味着,如果要为SecurityEv

thinkphp 模板调用数据

我自己写了个简单的模板是这样的 <!DOCTYPE html> <html> <head> <style> div { width:230px; height:230px; margin:10px; /* div间距 */ text-align:center; /*文字水平居中*/ vertical-align: middle; line-height:230px; /*line-height must be equal to height 文字垂直居中,与

借助 SIMD 数据布局模板和数据预处理提高 SIMD 在动画中的使用效率

原文链接简介为发挥 SIMD1 的最大作用,除了对其进行矢量化处理2外,我们还需作出其他努力.可以尝试为循环添加 #pragma omp simd3,查看编译器是否成功进行矢量化,如果性能有所提升,则达到满意状态. 然而,可能性能根本不会提升,甚至还会降低. 无论处于何种情况,为了最大限度发挥 SIMD 执行的优势并实现性能提升,通常需要重新设计算法和数据布局,以便生成的 SIMD 代码尽可能高效. 另外还可收到额外的效果,即标量(非矢量化)版代码会表现得更好. 本文将通过一个 3D 动画算