Get Free Trial

integrtion with VUE.JS

Ailie asked on June 1, 2018

    I am trying to get flexmonster to work with the Vue project.  But there is no related information on the website.
    Please let me know if any resolution is available for this issue.

1 answer

Tanya Gryshko Tanya Gryshko Flexmonster June 1, 2018

Hello, Ailie,
Thank you for writing to us!
Please follow the instructions to set up a simple vue-cli application with Flexmonster:
1) If vue-cli is not installed on your machine, run this command:

npm install -g @vue/cli

2) Create simple app:

vue create my-project

3) Switch to this project:

cd my-project

4) Install Flexmonster:

npm i flexmonster --save

5) Open public/index.html and create container for pivot table:

<div id="pivotContainer">The component will appear here</div>

6) Open src/App.vue, find the <script> tag starting as import HelloWorld from './components/HelloWorld.vue' and embed Flexmonster:

import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'app',
  components: {

import 'flexmonster/flexmonster.min.css';
import Flexmonster from 'flexmonster';
new Flexmonster({
    container: "pivotContainer",
    componentFolder: "node_modules/flexmonster/",
    toolbar: true,
    licenseKey: "XXXX-XXXX-XXXX-XXXX-XXXX"

You need to replace "XXXX-XXXX-XXXX-XXXX-XXXX" with your trial license key.
Please let me know whether you have managed to configure everything successfully.
Waiting for your feedback!

Please login or Register to Submit Answer