Vuejs2 Vue从模板访问方法内的迭代项
学习Vue和卡滞 我试图访问每个方法中的用户,以确认每个iHuman和iPlayerTurn函数的真/假值。如何访问每个方法内的循环中的用户实例 我在模板中有以下表格行:Vuejs2 Vue从模板访问方法内的迭代项,vuejs2,Vuejs2,学习Vue和卡滞 我试图访问每个方法中的用户,以确认每个iHuman和iPlayerTurn函数的真/假值。如何访问每个方法内的循环中的用户实例 我在模板中有以下表格行: <template> <div class="col-xs-12"> <h5>Enemies online</h5> <span id="no-online-players" class="player-label pull-righ
<template>
<div class="col-xs-12">
<h5>Enemies online</h5>
<span id="no-online-players" class="player-label pull-right">{{ usersCount }}</span>
<table id="new-game-opponents" class="new-game-opponents">
<tbody>
<tr v-for="(user, index) in users" :key="index" :class="[isPlayerTurn() ? playerTurnClass : '']">
<td class="player-status text-right">
<div v-if="isPlayerTurn">
<span :id="['player_turn-' + user.owner_id]" class="stage-label pull-right">{{ progress }}</span>
</div>
<div v-else>
<i class="fa fa-clock-o" aria-hidden="true" style="margin-right:5px;"></i>
</div>
</td>
<td class="player-status text-right">
<div v-if="isHuman">
<i class="fa fa-desktop" aria-hidden="true"></i>
</div>
<div v-else>
<i class="fa fa-user" aria-hidden="true" style="margin-right:2px;"></i>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</template>
<script>
export default {
props: ['users', 'usersCount'],
data: function () {
return {
playerTurnClass: 'next-player-turn',
myPlayer: my_player,
progress: game.progress.status.turn_status.current_stage
}
},
methods: {
isPlayerTurn: function(user, index) {
return this.myPlayer.id === this.users[index]['id'];
},
isHuman: function(user, index) {
return this.users[index]['owner_id'] !== 'ai';
}
}
};
</script>
我试图访问每个方法中的用户,以确认每个iHuman和iPlayerTurn函数的真/假值
如何访问每个方法内的循环中的用户实例?或者我应该用另一种方式来做
此外,不会呈现progress属性。但是一步一个脚印 首先,试试看
<div v-if="isPlayerTurn(user, index)">...</div>
@Therelapa首先修复方法问题,然后在继续修复进度问题时通知我,我会看看我能想出什么。嗨@kevlai22,谢!让它像这样工作:isPlayerTurnvalue{return value==this.myPlayer.id;},在模板中:class=[isPlayerTurnuser.id?playerTurnClass:]Hi@kevlai22,为什么我不能呈现“userScont”?Thanks@TheRealPapa它应该可以工作,你有一个未定义的UserScont吗?嗨@kevlai看看这个问题:
<div v-if="isHuman(user, index)">...</div>
computed: {
progress() {
return game.progress.status.turn_status.current_stage
}
}