Как отделить компонент VueJS в соответствии с Laravel Blade

Question

У меня есть два блейд-файла

1. generate.blade.php
2. dashboard / index.blade.php

и я создал два компонента

1. ImageuploadComponent (файл компонента)
2. appCurrencies (запрос Vue axios)

1 - в файле app.js и вызвал эти два компонента в generate.blade.php, но когда я иду в dasbhoard / index.blade.php и у меня появляется эта ошибка

app.js: 38968 [Vue warn]: не удается найти элемент: # appUpload

, пожалуйста, помогите мне, как я могу игнорировать эти ошибки или вызывать эти компоненты только в generate.blade.php.

Answer 1

Вы можете добавить оператор if, чтобы проверить, действительно ли существует #appUpload, чтобы показать ваш компонент в app.js.

, просто добавив

var element =  document.getElementById('#appUpload');
if (typeof(element) != 'undefined' && element != null)
{
  //Your code like 
  const app = new Vue({
              el: '#appUpload',
        });
}

. С этим экземпляром vue будет созданслужить только тогда, когда у вас есть тот идентификатор, где вы хотите обрабатывать vue компоненты