Tag：vue.js
-
Ecarts map, custom point style, zoom calculation, point aggregation, custom legend Icon
effect: After introducing echarts: Download JSON data from Alibaba cloud: DataV. GeoAtlas geographic gadget series Import data: import chongqing from ‘@/assets/js/chongqing.json’ A container is also required: <template> <div> <div style=”width:100%;height:100%” id=”mapid”></div> </div> </template> Prepare two sets of point data: where value is the coordinate, total is the point aggregate value, and the rest is the […]
-
In two months, I had a learning and sharing of mini-vue3 in bulk
When I came into contact with vue3 in June last year, I felt that it was cool to take off directly, so I fell in love with vue3. Later, I saw on GitHub that many big guys have realized their own mini Vue, thinking that they have also realized one, so I went to see […]
-
Vue — the public component transmits the value and listens to the data update view in time
Scenario: the two subcomponents AB are in the parent page (our risk loss assessment information is a and the filing information is b) If a value of component B is the same as that of component A, and the value of component a changes, even if component B listens and renders For example, in the […]
-
[Vue] realize the expansion and retraction of more than two or more lines of display (single expansion and retraction and multiple expansion and retraction of array)
1. Single expansion and retraction 1. The realized functions are as follows: 2. Code 1. HTML code <div class=”top”> <span :style=”{ ‘max-height’: textOpenFlag ? textHeight : ” }” :class=”{ unfoldText: textOpenFlag }” class=”titleText” ref=”textContainer” > Questionnaire form questionnaire form questionnaire form questionnaire form questionnaire form questionnaire form questionnaire form questionnaire form questionnaire form questionnaire form […]
-
Vuex and its basic method
1. Put the data shared between components in vuex 2. The data in vuex is responsive If data is modified in one component, another component using vuex data will be updated automatically 3. The difference between locally stored data and vuex: one is automatic and the other is manual 1、 Preparations for vuex In store […]
-
1 + X web front end intermediate multiple choice questions – multiple choice summary 2
Click to go to 1 + X Web front-end intermediate multiple choice questions – single choice summary 1 Click to go to 1 + X Web front-end intermediate judgment question summary 3 1. Create a shopping table in MySQL. One of the fields is to record the shopping time (accurate to seconds), so the more […]
-
Achieve the effect of clicking copy link
1 install first npm i [email protected] 2 create a clipboard folder with two files clipboard.js // Inspired by https://github.com/Inndy/vue-clipboard2 const Clipboard = require(‘clipboard’) if (!Clipboard) { throw new Error(‘you should npm install `clipboard` –save at first ‘) } export default { bind(el, binding) { if (binding.arg === ‘success’) { el._v_clipboard_success = binding.value } else if […]
-
Scheme of exporting excel in Vue
Option 1 1. Install plug-ins npm install vue-json-excel 2 import in min.js import JsonExcel from ‘vue-json-excel’ Vue.component(‘downloadExcel’, JsonExcel) 3 code implementation <download-excel class = “export-excel-wrapper” :data = “json_data” :fields = “json_fields” Name = “remote diagnosis report export. XLS” > <!– You can customize your own style and reference other components button — > < El […]
-
What happens when NPM run XXX is run in the front-end project?
What happens when NPM run XXX is run in the front-end project? Article catalogue What happens when NPM run XXX is run in the front-end project? preface Execute command package. JSON file When NPM runs Vue cli service serve Executable file summary preface The questions raised during the recent modification of the project configuration are […]
-
Scope slot in table component in element UI
adoptScoped slotYou can get the data of row, column, $Index and store (internal state management of table): <template slot-scope=”{ row }”> < El button size = “small” type = “success” > assign permissions < / El button > <el-button size=”small” type=”primary” @click=”editRole(row.id)” >Edit < / El button > <el-button size=”small” type=”danger” @click=”deleteRole(row.id)” >Delete < / […]
-
The method of packaging empty judgment in vue3 + TS
1. When we often write conditional statements, do we feel bored and can’t reuse them, for example. 2. At this time, our demand comes. Is there a method to judge whether multiple values are empty or one value of multiple values is empty. Let’s see the code. Export function useempty (data: any) {// judged to […]
-
Nanny level teaching ruoyi Vue (if the former and back-end versions are separated) environment is built. Install redis back-end configuration with eclipse and node environment front-end configuration
Local deployment ruoyi Vue front end and back end separate versions Backend configuration Download the source code and create a database table Install redis After the backend configuration is completed, run ruoyiapplication.com under ruoyi Vue master \ ruoyi admin \ SRC \ main \ Java \ com \ ruoyi Java file startup Front end configuration […]