169 похожих чатов

Задаю пропс: @Prop({required: true, type: Boolean, default: false}) isShow?: boolean; Задаю

его снаружи:
<Form isShow="$store.state.userTasks.isShowFormTask" >

Property or method "isShow" is not defined on the instance but referenced during render. Ну что он от меня хочет?
если сделать :
@Prop({required: true, type: Boolean, default: false}) isShow?: boolean = false;

то входящее в компонент значение игнорируется, почему?

37 ответов

6 просмотров

isShow!: boolean

ну и в шаблоне двоеточие перед пропсом потерялось

и required + default бессмысленно указывать одновременно

NIX
А type ?

это хз, я только недавно на классовые компоненты перешел

NIX- Автор вопроса
Anton Permyakov
<Form isShow=

Сейчас: @Prop({required: true, type: Boolean}) isShow!: boolean; <Form :isShow="$store.state.userTasks.isShowFormTask" > и все та же ошибка

NIX
А зря)

согласен, но выбора не было :(

NIX
А зря)

тоже написать это хотел

Anton Permyakov
согласен, но выбора не было :(

по ощущениям есть хоть какой-то профит от них или больше боли?

NIX- Автор вопроса
Artyom Tuchkov
по ощущениям есть хоть какой-то профит от них или ...

больше кода, непонятно зачем они вообще нужны на фронте, повышает порог входа для функциональщиков

Artyom Tuchkov
по ощущениям есть хоть какой-то профит от них или ...

мне немного нравится этот декоратор, потому что я реально подустал эти компьютеды расписывать, но, как я понял, он в 9 версии добавился, а у меня версия старая и я очень не хочу заниматься апгрейдами 🤡

Artyom Tuchkov
по ощущениям есть хоть какой-то профит от них или ...

я не пробовал писать компоненты на тсе, но без декораторов, так что не могу сказать, насколько это оправданно, но лично мне этот тс не особо помогает

Anton Permyakov
screenshot мне немного нравится этот декоратор, потому что я ...

согласен, меня тоже этот бойлерплейт слегка утомляет, но с composition стало немного легче - геттеры и сеттеры можно писать в одну строку стрелочными функциями, поэтому я подзабил на это но сахар из твоего примера приятный, это да

Anton Permyakov
я не пробовал писать компоненты на тсе, но без дек...

мое непопулярное и холиварное мнение - тс во вью не нужен, большинство типов можно валидировать средствами Vue, при этом не нужно часами мучиться и воевать с типами, пытаться натянуть их туда, где они не нужны конечно, порой не хватает всяких enum’ов, но это не стоит всей этой головной боли

NIX- Автор вопроса
Anton Permyakov
<Form isShow=

Сейчас: @Prop({required: true, type: Boolean}) isShow!: boolean; <Form :isShow="$store.state.userTasks.isShowFormTask" > и все та же ошибка

Artyom Tuchkov
мое непопулярное и холиварное мнение - тс во вью н...

мне очень нравится тс, когда он используется, например, в апи слое, но когда он лезет в компоненты, то реально приносит больше проблем, чем пользы

NIX
Сейчас: @Prop({required: true, type: Boolean}...

покажи полностью код и ошибку

Anton Permyakov
мне очень нравится тс, когда он используется, напр...

мне тоже нравится сам ts и я с удовольствием использую на бэке, там он действительно нужен и это действительно важно но на фронте, на мой взгляд, он не нужен

NIX- Автор вопроса
Anton Permyakov
покажи полностью код и ошибку

<template> <form class="form" @submit.stop.prevent="onSubmit" v-if="isShow"> <slot/> </form> </template> <script lang="ts"> import {Prop, Vue} from "vue-property-decorator"; export default class Form extends Vue { @Prop({required: true, type: Boolean}) isShow!: boolean; created() { console.log(this.isShow); } onSubmit() { this.$emit('submitHandler'); } } </script> vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "isShow" is not defined on the instance but referenced during render

✙ Nikita 🇺🇦🇵🇱🇱🇻🇱🇹🇪🇪🇺🇸🇬🇧🇨🇿🇫🇷🇩🇪🇮🇹🇧🇬🇹🇼🇯🇵🇰🇷🇹🇷🇪🇸🇬🇷
так это не холвирное мнение, это истина

многие засыпят аргументами “ну это же типы! ts избавит от сотни ошибок! даст автокомплит везде (нет)”

NIX- Автор вопроса
Artyom Tuchkov
многие засыпят аргументами “ну это же типы! ts изб...

Ну я за типы) За последнюю неделю часа 3 потерял из-за их отсутствия Мне не впадлу пользоваться механизмом предугадывания свойств в зависимости от типа объекта И легче понимать что написано в чужом коде, если он типизирован Если нет тех, кто использует юнион типы на проекте, то это дает хорошую архитектуру кода, в отличие от js

NIX- Автор вопроса
Anton Permyakov
ты @Component забыл

Спасибо, помогло

NIX
Ну я за типы) За последнюю неделю часа 3 потерял и...

типы - это прекрасно, безусловно, но конкретно во вью их нельзя завести с полпинка и пользоваться в удовольствие везде, и вот этот весь оверхед, который тебе нужно проделать, чтобы их завести, явно не стоит того мизерного профита, который будет получен в итоге опять же, типы работают в шаблоне примерно никак, что уже ставит под сомнение их использование во вью

NIX- Автор вопроса
Artyom Tuchkov
типы - это прекрасно, безусловно, но конкретно во ...

Да, то что их нет в шаблонах - это плохо Но есть же vue 3

NIX
Да, то что их нет в шаблонах - это плохо Но есть ж...

насколько мне известно, в тройке в этом плане ничего не изменилось, в шаблоне их по-прежнему нет, есть только какое-то расширение для vscode в бете, которое их вроде как завозит, но вроде как они работают непонятно как

NIX- Автор вопроса
Artyom Tuchkov
насколько мне известно, в тройке в этом плане ниче...

я слышал другое, но пака неясно, то судить не о чем

Artyom Tuchkov
насколько мне известно, в тройке в этом плане ниче...

volar, если верить твиттеру, нормально отрабатывает

Anton Permyakov
volar, если верить твиттеру, нормально отрабатывае...

да, я как раз про него возможно, его уже довели до ума, но раньше он довольно посредственно работал с типами в шаблоне

Похожие вопросы

Обсуждают сегодня

я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
43
How to create an OS in C? what to study?
Linus
18
читать файл максимально быстро? странный вопрос))
zamtmn
53
Привет, кто может сделать юзербота с апи? Задачи: - создавать группы - создавать каналы - задавать для созданных каналов аватарку или эмоджи, имя группы - добавлять в группы...
Lencore
11
тоесть, указав return eax, сгенерируется никому ненужная инструкция mov eax,eax ?
Aiwan \ (•◡•) / _bot
24
@HemulGM Параметры у AddStream поменялись? Несостыковка какая-то
Катерина Свиридова
12
Подскажите, есть какие-то события создания/уничтожения у TFrame по типу TForm (OnCreate и OnClose/OnDestroy) ? Как отловить создание TFrame и "перед" уничтожением. На Tframe р...
Денис
8
а чем хуже?
Alexey Kulakov
10
Компания Elif ищет менеджера проектов, который будет заниматься поиском и ведением новых проектов. Прежде чем приступить к работе, вам нужно пройти наш недельный курс, где вы ...
Elif
1
Всем привет, передавал ли кто-нибудь File с рендер процесса в main? Просто виснет js. Где именно я без понятия. Не отрабатывают никакие логи. Как только я передаю обычный масс...
Ilya Ilya
4
Карта сайта