小程序和uni-app页面的绑定数据,切换样式

数据绑定

微信小程序

微信小程序引用数据的时候是,在双引号里面使用双花括号,比如
在这里插入图片描述
在这里插入图片描述

uni-app中绑定数据

和小程序的相似
比如:
在这里插入图片描述
在这里插入图片描述

使用if的时候不需要花括号
在这里插入图片描述
在这里插入图片描述

样式绑定

小程序

可以查看:
博文一
博文二

在这里插入图片描述

uni-app

参考博文

在这里插入图片描述
注意这里,isActive是true或者false,如果是true的时候,会使用前面active的样式

动态属性

在data中声明一个变量,比如x

然后在布局文件中,写这个控件的style,然后属性调用变量x

微信小程序:

参考

我们看到微信中的引用方式还是使用双花括号:
在这里插入图片描述

uni-app

使用v-bind:style,单花括号
在这里插入图片描述
这里的myTop就是data中声明的变量

发布了127 篇原创文章 · 获赞 3 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/u010513497/article/details/103663012