The first step is to introduce vue-pdf npm install –save vue-pdf The second step is to proceed slowly according to the needs 01. Give you the url of a pdf file, which needs to be rendered on the page Code <template> <div> <pdf ref=”pdf” :src=”url”> </pdf> </div> </template> <script> import pdf from ‘vue-pdf’ export default […]
Tag: vue
Vue black notepad component version
Rendering functions: 1. Provide data: Provide it in the public parent component App.vue 2. Pass data to TodoMain through parent to child. 3. Use v-for rendering Added features: 1. Collect form data v-model 2. Listen for events (enter + click to add) 3. Pass the task name to the parent component App.vue 4. Add unshift […]
[Vue Principle Analysis] Virtual DOM
Vue.js is a popular JavaScript framework that uses the concept of virtual DOM to improve performance and development efficiency. Virtual DOM is one of the cores of Vue.js. It builds a lightweight DOM tree in memory instead of directly operating the real DOM, thereby reducing the number of operations on the real DOM and improving […]
The vue subpage realizes the triggering of an event on the main page by exposing attributes.
Directory 1 Introduction 2.Code 2-1 subpage 2-2 Main page 1. Preface Requirement: When I define a timer on the sub-page and click to get the verification code, the timer starts counting down. If the timer does not finish, I exit and close the sub-page and enter the sub-page again. The timer will be refreshed at […]
“Amazon Cloud Technology Product Review” event call for papers｜Use vue + element ui to access large language models
Amazon Cloud Technology Cloud Discovery Lab Activity Essay Collection | Using vue + element ui to access large language models Authorization statement: This article authorizes the official Amazon Cloud Technology article to forward and rewrite the rights, including but not limited to Amazon Cloud Technology official channels such as Developer Centre, Zhihu, self-media platforms, third-party […]
Vue dynamically adds routes
1. Idea Each user has his own role, and different roles have different asynchronous routes (each role has constant routes). At this time, it is necessary to calculate the routing information in all user information returned by the backend after the user successfully logs in. The routes owned by the user are filtered out in […]
Exploring Vue data binding: why data must be a function instead of an object?
Jiangcheng Cheerful Pea: Personal homepage Personal column :《VUE》《javaScript》 Personal website : “Jiangcheng Cheerful Pea” The ideal of life is for an ideal life! Table of Contents ? Column introduction Article introduction 1. The difference between instance and component definition data 2. The difference between component data definition functions and objects 3. Principle analysis 4. Conclusion […]
Vue uses websocket to implement real-time data push and publish, subscribe and reconnect single sign-on functions.
Requirements: Use websocket to implement publishing, subscribing, network disconnection and reconnection, and account squeezing after single sign-in without using plug-ins. 1. Single sign-on (only one of the same account is online at the same time, multiple user logins are prohibited) Implementation: After the user logs in, the token token is obtained and stored locally. It […]
Demo of using chartjs in vue2
<template> <div> <div style=”display:inline-block”> <canvas id=”myChartBar” width=”600″ height=”400″></canvas> </div> <div style=”display:inline-block”> <canvas id=”myChartLine” width=”600″ height=”400″></canvas> </div> <div> <canvas id=”myChartPie” width=”600″ height=”400″></canvas> </div> </div> </template> <script> import Chart from ‘chart.js/auto’ export default { name: ‘ChartDemo’, data () { return {} }, methods: { initChartBar () { var ctx = document.getElementById(“myChartBar”); new Chart(ctx, { type: ‘bar’, data: […]
Vue’s advanced table component library [vxe-table]
Article directory Preface vxe-table Official website Implement table header drag and drop tree table Full keyboard operation Afterword Foreword hello world welcome to the new world of front-end Current article series column: Front-end series of articles ?Bloggers still have a lot of knowledge and technology to master in the front-end field, and are constantly working […]