template 的简单使用

地址：
https://github.com/aui/art-template

基本用法：

循环 img 是数组 value index 注意如果自己没有定义value 和index，的话可以使用｛｛$value｝｝ {{$index}}

{{each img value index}}<img src="{{value.url}}">{{/each}}

判断

{{each p1 value index}}{{if value ==0}}<p>0 ele</p>{{else if value ==1}}<p>1 ele</p>{{else}}<p>other ele</p>{{/if}}{{/each}}

    var data = {title:'abcd',img:[{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'}],p:['dasjka','adsads','dsads'],p1:[0,1,2,3,5]};
记得data 是对象形式的
如果请求返回的数据是数组，数组里面放着对象，可以先使用for循环进行template操作var temp = template('demo',data);document.getElementsByClassName('container')[0].innerHTML=temp;

转载于:https://www.cnblogs.com/cyany/p/9497184.html

template 的简单使用相关推荐

关于string.Template的简单介绍
一.简介 string模块定义了一种新字符串类型Template,它简化了特定的字符串置换操作. 何谓"简化"?我们可以先想一下我们之前比较常用的有关字符串的"置换&qu ...
模板引擎---template的简单使用
(1)art-template的实现步骤 (1)导入template(2)定义数据(3)定义模板(4)调用template(5)渲染HTML结构 (2)模板引擎的语法 template('模板的Id' ...
django 套vue 模板_Vue admin template + Django 快速进行Web开发
本文教大家如何使用Vue admin template和Django快速进行Web开发,旨在帮助我们使用现有的工具.框架及开源UI,让我们在基础较为薄弱的情况下,能进行Web开发.本文不会介绍过多的原 ...
jinja Template Synopsis
jinja template是简单的文本,可以生成任意格式的文件,比如html,xml,csv,latex等 {% ... %} for Statements{{ ... }} for Express ...
JavaScript 有趣的冷知识：tagged template literals
作者:Andy Chen 译者:前端小智来源: medium 有梦想,有干货,微信搜索 [大迁世界] 关注这个在凌晨还在刷碗的刷碗智. 本文 GitHub https://github.com/qq ...
一个简单的VUE选择城市组件
首先看下效果: ps: 请忽略上面的水印该组件基于vue + iview搭建而成,可以根据需求自行修改,接下来就是组件的整体的说明了: 一.目录结构这是一个常规的VUE的目录的结构,我们使用的文件 ...
vue3下jsx教学，保证业务上手无问题！手敲代码，有知识点，附带和template对比
前言原因:闲的.还有一个原因吗?嘿嘿然后之前就说过了,我拿vue3直接干公司项目了,是内部的孵化项目,客户不多,但是也是正规的生产项目. 技术栈说明: 公司项目:js,element-plus,v ...
SpringBoot：Error resolving template [index], template might not exist or might not be acce...解决方法
SpringBoot异常:Error resolving template [index], template might not exist or might not be accessible b ...
003-读书笔记-Vue官网计算属性与监听器
1.计算属性 1-1 计算属性概述计算属性也是 Vue 实例的属性,和 data 方法中返回的对象中的属性是等同的存在.通常来说,计算属性可以简单理解: 计算属性其实就是 Vue 实例的一个属性计 ...

template 的简单使用

template 的简单使用相关推荐

最新文章

热门文章