vuejs寄存器组件问题
vuejs寄存器组件问题
提问于 2018-08-15 15:18:50
我通过以下方式安装了ApexChart
npm install vue-apexcharts在bootstrap.js文件中，我将其导入为
import VueApexCharts from 'vue-apexcharts'
Vue.use(VueApexCharts)然后在我的app.js file上导入bootstrap.js文件
require('./bootstrap');
Vue.component('products', require('./components/ProductComponent.vue'));
Vue.component('employees', require('./components/EmployeesComponent.vue'));
Vue.component('orders', require('./components/OrdersComponent.vue'));
Vue.component('display-products', require('./components/DisplayProducts.vue'));
Vue.component('order-products', require('./components/OrderProductComponent.vue'));
Vue.component('dashboard', require('./components/DashboardComponent.vue'));
const app = new Vue({
el: '#app'
});在我的vue文件上我试过
<apexcharts width="500" type="bar" :options="chartOptions" :series="series"></apexcharts>但是我得到了did you register the component correctly?
我正在使用带有vue js的laravel
编辑我已经做了一个小提琴:它仍然不能工作
Stack Overflow用户
发布于 2018-08-15 15:24:04
如果您想要使用以下组件，则需要像这样注册组件：
components: { apexcharts: VueApexCharts }
完整的示例如下：
import VueApexCharts from 'vue-apexcharts'
export default {
components: {
apexcharts: VueApexCharts,
},
data: function() {
return {
chartOptions: {
chart: {
id: 'vuechart-example'
},
xaxis: {
categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
}
},
series: [{
name: 'series-1',
data: [30, 40, 45, 50, 49, 60, 70, 91]
}]
}
},
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51854455
复制相关文章
相似问题
腾讯云开发者
