Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vuejs2 Vue从模板访问方法内的迭代项_Vuejs2 - Fatal编程技术网

Vuejs2 Vue从模板访问方法内的迭代项

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

学习Vue和卡滞

我试图访问每个方法中的用户,以确认每个iHuman和iPlayerTurn函数的真/假值。如何访问每个方法内的循环中的用户实例

我在模板中有以下表格行:

<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
  }
}