VUE -- use VUE print NB to realize printing function

VUE -- use VUE print NB to realize printing function 1, Install Vue print NB There are no preconditions. You can install it directly, but because vue2 0 and vue3 0 has different usages, so the versions to be installed are also different. Please choose by yourself. Vue2. Version 0 installation method: npm install vue-print-nb --save Vue3. ...

Posted by alvinshaffer on Wed, 12 Jan 2022 05:04:28 +0100

Vue3+Ts(coderwhy) ultra detailed learning notes encounter vue3 development

I Meet Vue js 1.1. Meet Vue Vue (pronunciation / vju) ː/, Similar to view) is a progressive framework for building user interfaces. The full name is Vue JS or Vuejs;What is a progressive framework? It means that we can introduce and use Vue a little bit in the project, but we don't necessarily need to use Vue all to develop the whole proje ...

Posted by plutoplanet on Tue, 11 Jan 2022 12:00:12 +0100

Slow echo of cascade selector Cascader in iView

A brief summary of some small problems encountered in the daily development of iView, Today, let's talk about the experience of using iView cascade selector Cascader: [reference: iView ] 1. Existing problems: When the cascade selector echo data, it will load slowly and the corresponding time is not timely. The amount of data is slightly larg ...

Posted by MrLister on Tue, 11 Jan 2022 11:20:16 +0100

Vue drill down component

reference material Component registration Component registration Component name When registering a component, you need to give it a name. For example, when registering globally, we have seen: const app=Vue.createApp({...}) app.component('my-component-name',{ /****/ }) The component name is app The first parameter of the component. ...

Posted by arimakidd on Tue, 11 Jan 2022 04:58:18 +0100

The parent component of vue uses $emit, $on, $off to pass values

Child components can use $emit to let parent components listen to custom events. vm.$emit( event, arg ); // Trigger the event on the current instance. Arg is the parameter passed to the parent component vm.$on( event, fn );// Run FN after listening for event events vue It also implements the observer mode and provides methods such as subscri ...

Posted by bassdog65 on Mon, 10 Jan 2022 02:58:53 +0100

Introduce Echarts into vue to draw histogram

1 introduction of Echarts 1.1 installation Install ECharts through npm using the following command npm install echarts --save Note: the version of echarts installed in this article is "echarts": "5.2.1" 1.2 introduction After the installation is completed, you can import all ecarts, so that we can use all com ...

Posted by nowaydown1 on Sun, 09 Jan 2022 10:22:19 +0100

leaflet adds different types of marker s to different layers and realizes layer switching

leaflet is widely used in the development of two-dimensional gis, and I am also engaged in gis related development recently. While these two days are not very busy, quickly record the development process of these two days as a reference for future work. General steps for adding marker to leaflet: The figure above shows the general steps of ...

Posted by pulsedriver on Fri, 07 Jan 2022 09:07:15 +0100

vue@3.0 + vue-router@4.0 -Judge the mobile terminal and PC terminal through route interception

What this paper realizes is to judge whether the current device is a mobile terminal or a PC terminal through the route interception of the device. The route interception can effectively avoid the problem that refreshing the page will return to the home page during the soft route judgment. Of course, after that, it can also produce another arti ...

Posted by iandotcom on Fri, 07 Jan 2022 03:08:26 +0100

vue3 knowledge point 5.3 vuecli3 project static resources

#vue3 knowledge point 5.3 vuecli3 project static resources 1, How to introduce static resources: 1. Static resource placement directory vue-cli3.0 has two directories for static resources, public and src/assets. 1.public public can store unchangeable files (equivalent to static in vue-cli2.x), external JS and CSS resources, and pictures. ...

Posted by PHPNewbie55 on Wed, 05 Jan 2022 23:37:27 +0100

On the sorting and building process of Webpack

preface Nowadays, many web pages can actually be regarded as function rich applications, which have complex JavaScript code and a lot of dependency packages. Modularity allows us to refine complex programs into small files; Similar to TypeScript, a development language developed on the basis of javascript: it enab ...

Posted by Namadoor on Wed, 05 Jan 2022 13:26:26 +0100