laravel - 所有需要在屏幕上执行的操作都不起作用，但其余的都可以 Vuetify / Laravel

Question

我已经在我的项目 Laravel 7 中安装了 Vue 和 Vuetify，但 Vuetify 可能没有正确安装。因为当我尝试单击打开模式的按钮或使用自动完成搜索时没有任何反应......</p>

解决方案是在 app.js document.body.setAttribute('data-app', true) 中写这个 为了安装 Vuetify 我已经按照这篇文章： 在 laravel 中安装 vuetify

当我使用此代码测试模态或自动完成时，没有任何反应： Autocompletion Modal

这是我的 app.js 代码：

import Vue from 'vue';
import Vuetify from "vuetify";

//this is the solution code
document.body.setAttribute('data-app', true)
//

window.Vue = require('vue');
window.Vue.use(Vuetify);
import ReadMore from 'vue-read-more';
Vue.use(ReadMore);

import { LMap, LTileLayer, LControl,LMarker,LCircleMarker,LTooltip,LFeatureGroup, LPopup, LControlLayers, LControlZoom, LIcon, LWMSTileLayer} from "vue2-leaflet";
import 'leaflet/dist/leaflet.css';


Vue.component('l-map', LMap);
Vue.component('l-icon', LIcon);
Vue.component('l-tile-layer', LTileLayer);
Vue.component('l-wms-tile-layer', LWMSTileLayer);
Vue.component('l-circle-marker', LCircleMarker);
Vue.component('l-marker', LMarker);
Vue.component('l-control', LControl);
Vue.component('l-control-layers', LControlLayers);
Vue.component('l-control-zoom', LControlZoom);
Vue.component('l-tooltip',LTooltip);
Vue.component('l-popup',LPopup);
Vue.component('l-feature-group', LFeatureGroup)

Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('presentation-component', require('./components/Presentation.vue').default);
Vue.component('auth-component', require('./components/Auth.vue').default);
Vue.component('equipe-component', require('./components/Researchteam.vue').default);
Vue.component('atlas-component', require('./components/Atlas.vue').default);


const app = new Vue({

    vuetify: new Vuetify,
    el: '#app',


  });


```

标签： laravelvue.jsvuetify.jslaravel-7