我要开一发一个微信投票小程序,有票数,投票按钮,投票选项,用for循环渲染投票项,用代码表示出来
时间: 2024-04-29 21:26:24 浏览: 191
好的,这个问题我可以为您解答。以下是一个简单的微信投票小程序代码示例,实现了投票数统计、投票按钮和选项的展示。
HTML 代码:
```
<view>
<view wx:for="{{options}}" wx:key="{{index}}">
<view>{{item.name}}</view>
<button type="primary" bindtap="vote" data-index="{{index}}">投票</button>
<view>票数:{{item.count}}</view>
</view>
</view>
```
JS 代码:
```
Page({
data: {
options: [
{ name: '选项一', count: 0 },
{ name: '选项二', count: 0 },
{ name: '选项三', count: 0 },
],
},
vote: function(e) {
const index = e.currentTarget.dataset.index;
const options = this.data.options;
// 对应选项的票数加1
options[index].count += 1;
// 更新数据
this.setData({
options: options,
});
},
});
```
这段代码使用了 `wx:for` 指令对选项进行了循环渲染,使用了 `bindtap` 指令绑定了投票按钮的点击事件,并在点击事件中更新了对应选项的票数。您可以根据实际需求进行修改和优化。
阅读全文