Как отобразить выбор по условию? (таблица элементов пользовательского интерфейса)
У меня проблема. Я хочу отобразить выбор в соответствии с условием.
Вот пример. Я хочу скрыть выбор имени «Джефф»
http://jsfiddle.net/8y5cnk1p/2/
Если я попытаюсь использовать 'v-if'
<el-table-column type = "selection" width = "45" v-if = "name != 'Jeff'" </el-table-column>
Это не работает. Как?
Спасибо!
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
3 857
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Вы не можете установить флажок Спрятать, но можете установить его запрещать с помощью атрибута selectable:
<el-table-column type = "selection"
width = "45"
:selectable = "canSelectRow">
</el-table-column>
methods: {
canSelectRow(row, index) {
return row.name !== 'Jeff';
}
}
Документы: Атрибуты столбца таблицы
Вы можете отобразить столбец флажка.
<el-table-column
v-if = "isShow"
:key = "Math.random()"
type = "selection"
width = "45">
</el-table-column>
Не забудьте "ключ"!!!
Другие вопросы по теме
Vue Array.splice() не удаляет элемент DOM в таблице element-ui
Не удается заставить el-checkbox работать внутри слота Element UI
El-checkbox не может быть установлен с шуткой или, по крайней мере, без изменений на v-model
Как расширить span-метод для разных таблиц
El-date-picker устанавливает значение по умолчанию только для года и месяца, и день не может быть выделен
Пользовательский интерфейс элемента $confirm не является функцией
Элемент Datepicker показывает «вчера» не как отключенный, когда часовой пояс +14
Как подвести итог для rowspan в таблице (element-ui)
Vuejs + Element UI: как создать несколько el-message-box__content
VueJs + Element-ui: как получить нативное событие из ввода
Похожие вопросы
Доступ к экземпляру Vue с помощью этого
Невозможно прочитать свойство «расширить» неопределенного. проблема с установкой в laravel bootstrap-vue
Как создать URL-адрес BLOB-объекта?
Остановка смены состояния просмотра в файле deck.gl с помощью transitionInterruption
Компонент обновления при обновлении ресурса
Не удается получить массив json в массив js при создании
Vue Apollo — как правильно получить данные?
Заставить компонент перестроиться при изменении маршрута или изменении состояния vuex
Vue условный * загрузчик в стиле css
Можно ли отправить данные из шаблона в скрипт с помощью Vue.js? (Инверсия v-связки)
Хороший ответ и скрытие отключенного флажка вы можете добавить display: none для стиля: как этот .el-table-column--selection { .cell { .el-checkbox.is-disabled { display: none; } } }