Всем привет, может кто-то подсказать пожалуйста country select?

v-if=“steps.length”

не работает,. Вообще данные в этот массив приходит из асинхронного метода, может в этом дело?

а можно ли как-то эту проверку сделать в computed свойствах?

наберите ООП в javascript, например https://clck.ru/Sn594

реактивности нет

Спасибо

что это значит?

ну когда данные заполнил интерефейс не перерисовался

что-то криво делаешь

код покажи

в моунтед может там и 0 а потом массив заполнился, раз асинхроно заполняется

<div class="steps" v-if="steps.length">
     <Step v-for="(step, index) in steps" :key="step.title">
       <label for="text">{{ step.title }}</label>
       <textarea id="text" rows="6" v-model="step.text"></textarea>                
     </Step>
   </div>

data: () => ({
   title: "",
   steps: [],  
 }),
 created() {
   this.getSnippetById();
 },

async getSnippetById() {
     try {
       let snippet = await SnippetsService.get(this.$route.params.id);
       this.title = snippet.data.title;
       this.steps = snippet.data.steps;
       this.tags = snippet.data.tags;
     } catch (error) {
       console.log(error);
     }
   },

ты уверен что код не рабочий? все тут нормально не может быть чтобы неправильно работало

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

так ты сделал же

оно не работает)

ну я тогда не знаю, может у тебя язык программирования другой, свой написал вместо JS)

а можно ли как-то в copmputed свойствах делать эту проверку и уже в списке показывать только из computed?