computed
вычисляемые свойства или методы. Такой подход годится и для 2-го Vue. сейчас 10:00 pmвсё же зависит от часового пояса наблюдателя )
const now = new Date();
const oo = (n) => n.toString(10).padStart(2, '0');
const time = [now.getHours(), now.getMinutes()].map(oo).join(':');
console.log(time); // 23:38 в часовом поясе компьютера, у меня на часах
albums.filter( ({ artist }) => artist === 'Linkin Park')
const search = 'Park';
albums.filter( ({ artist }) => artist.toLowerCase().includes(search.toLowerCase())
[
{
"albumTitle": "Meteora",
"artist": "Linkin Park",
"tracks": [
{"title": "Breaking The Habit", "src": "meteora/breaking-the-habit.mp3"},
{"title": "Track 2", "src": "meteora/track-2.mp3"},
{"title": "Track 3", "src": "meteora/track-3.mp3"},
]
},
{
"albumTitle": "Сборник",
"tracks": [
{"title": "Track 1", "artist": "Газманов", "src": "trash/track-1.mp3"},
{"title": "Track 2", "artist": "Киркоров", "src": "trash/track-2.mp3"},
{"title": "Track 3", "artist": "Шуфутинский", "src": "trash/track-3.mp3"},
]
}
]
input
– по любому чиху – выполняется валидация и пугает честного бюргера сообщениями об ошибках. Это, наверное, отключится?+49
можно и не заставлять вводить, но и не запрещать – если copy-paste или браузер авто-заполняет. Например, продумать вариант, когда номер печатают по одной цифре – и если ещё не введён +49, то автоматом дописать его в начале поля, и поставить курсор в конец, чтобы дальше вводили цифры.Есть ли хорошо продуманное и четко описанное задание, как должно взаимодействовать с пользователем это поле?
По нажатию валидировать легко: там это уже реализовано же. Ну, почти, и криво. По событию формы submit – проверять и если есть ошибки, превентить дефолт.
Можно и валидировать налету, по событию "input", ставить кнопке атрибут
disabled
до тех пор, пока не введён валидный номер.