<template>
<view class="content">
<view v-for="(item,index) in test" :key="index">
<button @click="clickbt" :data-id='item.id'>{{item.name}}</button>
<view v-show="clicked['ip'+item.id]" >你点击了{{item.name}}</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
clicked:{},
test:[
{"id":2222,"name":"test2222"},
{"id":3333,"name":"test3333"},
]
}
},
onLoad: function() {
},
methods: {
clickbt:function(e){
var tgid = e.currentTarget.dataset.id;
this.clicked['ip'+tgid]=true;
console.log(this.clicked);
alert(tgid);
}
}
}
</script>
<style>
</style>
dindin
- 发布：2020-08-13 15:03
- 更新：2020-08-13 15:03
- 阅读：903
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10最新版
HBuilderX类型： 正式
HBuilderX版本号： 2.8.3
浏览器平台： Chrome
浏览器版本： 最新版
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行以上页面，点按钮
运行以上页面，点按钮
预期结果：
点按钮之后，其下面应该会出现一句提示文字
点按钮之后，其下面应该会出现一句提示文字
实际结果：
无反应
无反应
bug描述：
动态生成一个列表，每个条目里，有一个按钮，按钮Click之后，在下面显示提示文字。
我用了v-if 和v-show尝试，但都没有反应。
另外，我以前用Jquery，习惯用选择元素，并直接改变其style，uni-app有没有类似方法，我文档没找到。
0 个回复