this.mediaUrls
в методах и других computed
, просто mediaUrls
в шаблоне. Точно также как с тем, что лежит в data
. Суть computed
в том, что он выполняет функцию(только при обращении) и запоминает результат. Заново он её выполняет, только когда значения обновились. Кэширующий ленивый геттер.computed
свойство предназначено для того, чтобы возвращать(и запоминать) значение, а не производить сторонние действия. Тебе надо изменить его так:mediaUrls: function() {
return this.currentProductData[0].acf.photos.map(el => el.photo);
}
mediaUrls
вместо media.readyURLs
.media.readyURLs
, то можно воспользоваться иными предложенными вариантами. v-if="currentProductData"
, а не v-if="currentProductData.length"
?modal
.add_new_object
вы просто делаете <modal name="add_new_object"></modal>
и получаете <add_new_object></add_new_object>
snake_case
, это мозолит глаз.
Если же цель - строгое ограничение, то ответ Tim тебе в помощь. Атрибут этот - он только рекомендация, а не ограничение(в окошке выбора всегда можно переключиться на "все файлы").