首页 前端知识 jQuery中如何实现,v-if和v-for相关操作

jQuery中如何实现,v-if和v-for相关操作

2024-08-27 09:08:51 前端知识 前端哥 59 538 我要收藏

如果想在Jquery中实现v-if和v-for等相关功能,单单依靠Jquery很难实现,其次,渲染效率也比较低。这里推荐使用art-template.js模板引擎,他的效率可以媲美javascript;

模板下载地址:https://github.com/aui/art-template

1.下载完成之后,在项目中引用。

<script src="../oldwebsite/js/art-template.js"></script>

2.实现v-if的相关功能,书写自己的模板语法

(注意:必须将标签写在<script>中, type:也必须写),

3.实现v-for遍历渲染数组中的对象。

注意:必须写  {{each + 要渲染的数组对象}},,css样式根据自己的设计图书写。

这里的img的标签的含意思是,如果数组对象中有图片,就是先图片,没有就默认显示上传的一个图片。

4实现效果如图所示:

5.哈哈,大佬,都看到这了,点个赞再走么。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16984.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!