js中data的数据如何在页面中显示
index.js的代码
data:{
foodtwo: ['微辣', '中辣', '特辣'],
}
在页面通过循环的方式进行显示
index.wxml的代码
<view>
<view wx:for="{{foodtwo}}">{{item}}</view>
</view>
显示结果如下
就循环显示data中的数据了
js如何获取wxml的数据
例如我想要将id=5,num=123,name=school的数据通过wxml在js中获取
我们可以设置一个点击事件a
wxml
<view
data-num="123"
data-id="5"
data-name="school" bindtap="a">传入</view>
js
Page({
data: {
},
a:function(e){//点击事件
let num = e.currentTarget.dataset.num;
let id = e.currentTarget.dataset.id;
let name = e.currentTarget.dataset.name;
console.log(num);//控制台输出num
console.log(id);//控制台输出id
console.log(name);//控制台输出name
},
onLoad: function (options) {
},
})
点击传入,观察控制台输出
输出成功。