随笔分类 - vuejs的知识总结
摘要：效果图 完整代码 1 <script setup> 2 import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue' 3 import { Card, Input, Select, DatePicker, FormIt
阅读全文
摘要：这两处地方是动态的，由后端数据返回 思路流程 1，后端返回数据二次处理 2，根据后端数据生成动态表头 3，利用antd 的 customRender 与 rowSpan 设置行合并 完整代码 <template> <Table :data-source="dataSource" :columns="
阅读全文
摘要：1，vue3代码 1 // 这个是返回的所有的数据 2 const sourceItems = ref([]) 3 // 这是穿梭到下面的数据 4 const targetItems = ref([]) 5 // 这是搜索字段 6 const searchName = ref('') 7 // 这两
阅读全文
摘要：1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 1 <Upload 2 v-model:file-list="fileList" 3 name="file" 4 // 限制文件格式 5 accept=".xlsx
阅读全文
摘要：1，安装插件 npm install --save xlsx@0.17.3 npm install --save file-saver@2.0.5 2，创建js文件编写代码 1 import FileSaver from 'file-saver'; 2 3 import * as XLSX from
阅读全文
摘要：1. 什么是 WebSocket websocket是HTML5开始提供的一种网络通信协议，它的目的是在浏览器之间建立一个不受限的双方通信的通道，比如说，服务器可以在任意时刻发送信息给浏览器。在websocket的API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进
阅读全文
摘要：1，vuex是什么： vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 2，vuex中有什么： 1）state：存放状态数据的地方，其中数据是响应式的，数据改变对应组件的数据也会跟新改变，禁止直接改变state中的数据否则 数据无法被调试工
阅读全文
摘要：1，什么是Vue.nextTick() 理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后 自动执行该函数， 1 <template> 2 <div class="hello"> 3 <div> 4 <button id="firs
阅读全文
摘要：1，有这样一个数据： 1 data = [ 2 { 3 "id":1, 4 "name":"吃喝", 5 "parentId":0, 6 "children":[ 7 { 8 "id":2, 9 "name":"烧烤", 10 "parentId":"1", 11 "children":[] 12
阅读全文
摘要：1 methods: { 2 urlToBlob(url) { 3 const that = this; 4 const file_url = url || ''; 5 const xhr = new XMLHttpRequest(); 6 xhr.open('get', file_url, tru
阅读全文
摘要：1，首先安装插件： npm install clipboard --sava 2，在组件中应用 import Clipboard from 'clipboard' 3，clipboard的实际使用 1 <!--第一种直接绑定在按钮上--> 2 <button class="marleft10 btn
阅读全文
摘要：第一种方式是前端创建超链接，通过a标签的链接向后端服务发get请求，接收后端的文件流，非常简单： 1 <a :href='"/路径"' >下载模板</a> 另一种情况是创建div标签，动态创建a标签： 1 <div name="downloadfile" onclick="downloadExcel
阅读全文
