laravel - 如何根据 Laravel Blade 分离 VueJS 组件

Question

我有两个刀片文件

1. 生成.blade.php
2. 仪表板/index.blade.php

并创建了两个组件

1. ImageuploadComponent（组件文件）
2. appCurrencies (Vue axios 请求)

1 - 在 app.js 文件中并在 generate.blade.php 中调用了这两个组件，但是当我要去 dasbhoard/index.blade.php 时，我得到了这个错误

app.js:38968 [Vue 警告]：找不到元素：#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 组件的 id 时，才会生成此 vue 实例以提供服务