详细问题描述
数组在进行三元判断时,无法绑定,:class="[isClick[index]==1 ? 'clickImg':'selectItem']",测试时相关数组数据正确,但是无法绑定执行。
[内容]
实现的内容很简单,就是从数据库获得用户信息,包括图片,然后排列显示,当点击用户图片时,被点击的图片变灰,如下图所示,点击第1个图片和第2个图片的时候,图片变灰,但实际上无法操作。
相关代码如下:
<view class="selectItem" v-for="(item,index) in selectPArr" @click="selectPClick" :id="index" :key="index" >
<image :src="'http://localhost/test' + item.imageurl" style="width:80upx;height:80upx" :class="[isClick[index]==1 ? 'clickImg':'selectItem']" ></image>
<text style="display: block; font-size: 10upx;">{{item.nickname}}--{{isClick[index]}}--{{index}}</text>
</view>
<script>
var _self;
export default {
data() {
return{
isClick : [],
selectPArr : [],
}
},
onLoad() {
_self = this;
uni.request({
url: 'http://192.168.146.1/test/index.php',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
},
data:{},
success: function(res){
_self.selectPArr = res.data;
for(var i=0;i<res.data.length;i++){
_self.isClick[i]=0;
}
},
fail:function(e){
console.log(e);
}
})
},
methods: {
selectPClick : function(e) {
_self.isClick[e.currentTarget.id]=1;
}
}
}
</script>