vue integrates pdfjs to realize pdf file Preview

background The preview of pdf file format is required on the project. Analysis pdf file browser can be opened directly. So you only need to return the file stream of pdf file to preview the file directly. Open in this way, the whole page is full of pdf file content. The requirement is to add a specific title format to the page when ...

Posted by dhcrusoe on Thu, 05 Dec 2019 10:21:39 -0800

Several implementation methods of VUE global variables

1. Global variable special module It means that a module (js or vue) is used to manage this set of global variables. The variables in the module are exposed by export (the best export format is object, which is convenient to call in other places). When other places need to use it, import the module with import Global variable specific module G ...

Posted by [-_-] on Thu, 05 Dec 2019 09:09:35 -0800

Vue source notes data driven update

Vue version: 2.5.17-beta.0 In " Vue source notes - data driven - Mount Vue instance >As mentioned at the end of the article, the Vue instance is finally mounted to the final dom through VM. Update (VM. Render(), drafting)< Vue source notes - data driven - render >To record the VM. ﹐ render() method in, call vm.$createElement to r ...

Posted by Imad on Thu, 05 Dec 2019 03:34:00 -0800

redux core steps

concept redux is an architecture mode, which can be used in combination with react and vue. Problems solved Modify the shared data state gracefully to avoid unnecessary (difficult to eliminate) problems caused by the cascading changes of parent-child components (it is troublesome to change if there are many child components) and external change ...

Posted by Errant_Shadow on Wed, 04 Dec 2019 23:15:49 -0800

vue learning: 10. The first project, background data management

Project construction: 1. The front end uses the Vue cli framework to realize page display 2. Middleware web service uses C ා to realize the connection between front-end and back-end database 3. Use stored procedures to put all businesses here, Project practice I. environment configuration 1. Install Vue cli globally and use it all the tim ...

Posted by katarra on Wed, 04 Dec 2019 15:51:59 -0800

vue routing -- website navigation function

1. First, support according to Vue router npm install vue-routerThen you need to introduce: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 2. Define the js file of router import Vue from 'vue' import Router from 'vue-router' import User from '../pages/user' import Home from '../pages/public/home' import ...

Posted by Mark.P.W on Wed, 04 Dec 2019 10:33:03 -0800

vue.js internal instruction

Article directory Internal instructions of vue v-if v-else-if v-else v-show conditional instruction v-for loop instruction Internal instructions of vue v-if v-else-if v-else v-show conditional instruction 1,v-if v-if: it is an internal instruction of vue, which is used in our html. v-if is used to determine whether t ...

Posted by cirene on Wed, 04 Dec 2019 08:51:36 -0800

Record methods that vue cannot detect array and object changes.

Test data: items: [ {name: 'Business status', id: 'taskState', data: [{name:'whole', id: 0},{name:'Have in hand', id: 1},{name:'Completed', id: 2},{name:'Filed', id: 3},{name:'Terminated', id: 4}]}, {name: 'Business status', id: 'taskState', data: [{name:'whole', id: 0},{name:'Have in hand', id: 1},{name:'Completed', id: 2},{name:'Fil ...

Posted by sectachrome on Wed, 04 Dec 2019 07:56:43 -0800

vue+openlayer display heat map

Description: in recent projects, openlayer is needed to implement the heat map. Since I just contacted opnelayer, I don't know what the loading format is. If I look at the official website, I don't give the loading data format. Later, after many attempts, it finally shows up. Record here, don't like to spray!!! Don't talk much, ...

Posted by slyte33 on Tue, 03 Dec 2019 09:28:19 -0800

Vue custom components

Infinite menu implemented by Vue Attention points 1: when clicking expand or hide, there will be event capture, so you need @ click.stop to prevent event capture 2: set a flag value of boolean in the acquired data to display or hide the function 3: infinite refers to recursive calling, which means that the component calls i ...

Posted by dejvos on Tue, 03 Dec 2019 05:40:32 -0800