Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "how DataGear integrates the front-end framework Vue". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The loadUnsolvedCharts () function is added to the JS object of DataGear 2.4.0, which is used to load dynamically generated chart elements on the page side asynchronously, which makes it easy to integrate front-end frameworks such as Angular, React, Vue and so on.

First, click the * * add * * button on the Kanban management page to create a new Kanban. The HTML template is as follows:

...

After saving, click the upload resource icon button on the right side of the Kanban add page to upload Vue library Kanban resources (administrators can upload Kanban global resources, which can be directly introduced into Kanban). After uploading, the list of Kanban resources is:

Index.htmlvue-2.6.12.js

Then, introduce the Vue library into the Kanban HTML template:

...

Finally, write the Vue component, and after the Vue rendering is complete, call the loadUnsolvedCharts () function to load the chart asynchronously:

... Var app = new Vue ({el:'# app', data: {chartIds: ['Chart part ID-0',' Chart part ID-1', 'Chart part ID-2']}, mounted: function () {dashboard.loadUnsolvedCharts ();}}); that's all for "how DataGear integrates the front-end framework Vue". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.