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