Uni-App - 模板语法 - 数据绑定
发布日期:2021-06-30 23:54:50 浏览次数:2 分类:技术文章

本文共 703 字,大约阅读时间需要 2 分钟。

基础数据绑定

变量赋值:

在视图中使用 {

{}} 调用变量:

 

数组形式的数据绑定

data: {  students : [   {name : "张三", age : 18},   {name : "李四", age : 20}  ] }, //调用
{
{students[0]['name']}}{
{students[0].name}}

 

列表渲染

// 说明: 正常展示效果需要删除 app.vue 内的全局样式。

 

条件渲染

 

使用 hidden

 

if 与 hidden

if会根据条件决定是否渲染,hidden 会渲染但根据条件决定是否展示。

转载地址:https://lux-sun.blog.csdn.net/article/details/87703882 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Uni-App - Class 与 Style 绑定
下一篇:Uni-App - 页面生命周期

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年04月26日 23时35分32秒