Как извлечь функцию из таблицы v-for

Question

Нуб здесь.Я пытаюсь создать раскрывающийся список только для идентификатора div, соответствующего моему конкретному имени.

Например, мои имена столбцов таблицы: A, B, C.

Я хочу включить раскрывающийся список только для столбца A

Моя таблица представляет собой шаблон, который выглядит какследующее:

template(v-for="field in tableFields")
   th(:id="'_' + field.name")

   select(v-if="field.name ==='A'" v-model="selectedScope"
   option
   option(v-for="scope in scopes" v-bind:value="scope" ) {{scope}}

Это работает, но я хочу извлечь v-if="field.name ==='A'" в функцию.

У меня есть следующее, но оно не сработало:

template(v-for="field in tableFields")
   th(:id="'_' + field.name")

   select(v-if="shouldProvideSelectOption(field)" v-model="selectedScope"
   option
   option(v-for="scope in scopes" v-bind:value="scope" ) {{scope}}

А под computed у меня есть что-то вроде этого:

    computed: {
        shouldProvideSelectOption: function (field) {
            return field.name === 'A'
        }
    },

Почему?

Answer 1

используйте метод вместо вычисляемого свойства:

methods : {
    shouldProvideSelectOption: function (field) {
        return field.name === 'A'
    }
}

Редактировать Как сказал @RoyJ в комментарии ниже:

вычисления не принимают аргументов(кроме сеттеров).Вычисленное используется как переменная