小程序的基本原生js使用

Posted 周小姐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序的基本原生js使用相关的知识,希望对你有一定的参考价值。

1.点击事件
<a data-current="{{setting.current}}" bindtap="clickcurrent" style="color:{{currentSelect.key == ‘current‘?mainColor:oldcolor}};"> <text>本期试用</text> <text class="activeline" style="background-color:{{currentSelect.key == ‘current‘?mainColor:whiteColor}};"></text> </a> bindtap="clickcurrent"

2.style的使用

style="color:{{currentSelect.key == 'current'?mainColor:oldcolor}};"

3.传值

data-current="{{setting.current}}"

如何获取

传过来event ,然后写event.currentTarget.dataset.current

4.wx:if的动态使用

wx:if="{{currentSelect.key == 'current'}}"

5.循环的使用,默认item和index.

 <view class="fishqcTrycurrentProduct" wx:for="{{tryarray}}" wx:if="{{havacurrentdata}}" wx:key="{{item.id}}">

怎么样去修改变量名?

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>

以上是关于小程序的基本原生js使用的主要内容,如果未能解决你的问题,请参考以下文章

小程序各种功能代码片段整理---持续更新

vscode 开发微信小程序环境配置

原生js禁止页面滚动

跨端开发小程序

微信小程序结合原生JS实现电商模板

微信小程序代码片段