【问题标题】:How to separate VueJS Component according to Laravel Blade如何根据 Laravel Blade 分离 VueJS 组件
【发布时间】:2020-01-20 10:06:05
【问题描述】:

我有两个刀片文件

  1. generate.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 中调用这些组件。

【问题讨论】:

    标签: laravel vuejs2 vue-component vue-class-components


    【解决方案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 实例

    【讨论】:

    • 非常感谢,但我正在寻找与 vuejs 相关的任何其他解决方案,例如在刀片内进行 vue http 调用或任何其他方式。将不胜感激。
    • 使用 axios 调用 http 它只是一个 ajax 调用。
    • 你能给我一些例子吗,因为我搜索和尝试了太多,但我完全糊涂了。
    猜你喜欢
    • 2020-07-18
    • 1970-01-01
    • 2018-09-23
    • 2020-08-18
    • 2017-09-04
    • 2021-10-09
    • 2020-05-26
    • 1970-01-01
    相关资源
    最近更新 更多