随笔分类 - Vue
摘要：首先，我承认，我vue3和ts都不是很熟。然后在使用过程中就发现了这样一个情况。 const list: {isBoob: boolean; count: number;}[] = computed(() => { let arr: number[] = new Array(total.value)
阅读全文
摘要：最近跟一位大佬的视频，用vue3写一个纯前端的扫雷。（去给肉山大佬点个三连呀） 其中用grid布局好棋盘之后需要计算节点周围地雷数，dalao在这里留了一个优化作业。我先贴上大佬的做法，再分享一下我逐步优化（走弯路）的思路，以及一点心得。 一、待优化版本 const rows = ref(10) /
阅读全文
摘要：在使用vue-element-admin时，为了测试和控制版本，使用了几种不同得打包测试方法，在此记录一下 关于调试的指令，可以在package.json中查看。 这里提到的三种分别是 "scripts": { "dev": "vue-cli-service serve", "build:prod"
阅读全文
摘要：设置到的知识点，scoped、deep 在vue中由于存在很多style，可能污染全局样式。所以大家在使用时一般会在style标签上加了scoped属性。这个属性是为了我们组件私有化，让当前组件的样式不影响到其他组件，如果你的style标签加了scoped这个属性，那么当你直接在这里面修改样式是不会
阅读全文
摘要：目的：实现一个可以在一级目录展示图标，然后二级目录有点击事件的树 使用element ui中的tree组件。 关键点在于<template slot-scope="{node, data}">来展示图标， @node-click="(obj, node, element) => click(obj,
阅读全文
摘要：官方文档可以解决一切问题。 1、安装vuex npm install vuex@next --save 如果版本和你的vue版本不符合，可以根据提示，在@后加上适合的版本号再安装。 安装成功之后会在packjson中表明vuex的版本号 2、新建一个store文件夹，和main.js同级 目录结构如
阅读全文
摘要：没有找到关于这两个函数详细的官方文档描述 function getUserAccount() { return axios.get('/user/12345'); } function getUserPermissions() { return axios.get('/user/12345/perm
阅读全文
摘要：使用vue-element-admin的Excel导出功能时，用到了Export2Excel函数。（详情见文档） 但是在使用时遇到了意外bug，页面在使用这个功能时，没有报错，但是也没有效果且进程卡死了。 再次查看示例之后发现是传入参数的格式不对。 excel.export_json_to_exce
阅读全文
摘要：input类型为file获取文档流 type为file的是文件上传的类型。使用户可以选择一个或多个元素以提交表单的方式上传到服务器上。 <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg" multip
阅读全文
摘要：工作中遇到的问题。 用axios发送post请求。结果发送了俩次第一次为post，有携带数据，但没有响应。报错301。第二次为get，没有携带数据，但有响应（报错参数错误），get的地址比post多了一个/ 状态码301意味着重定向了，基本可以认为是地址的问题。 然后对照接口查看url，发现结尾少写
阅读全文
摘要：vue-count-to是一个轻量的vue组件，将在指定的持续时间内计数到目标数。 使用方法很简单 首先安装此组件 npm install vue-count-to 再到页面中局部引用组件 1 <template> 2 <countTo :startVal='startVal' :endVal='e
阅读全文
摘要：之前研究点击按钮复制的时候自己用的clipboard方法（vue/js实现点击按钮复制的功能（使用clipboard不再使用过时的execCommand）） 在使用vue-element-admin时发现其已经有二次封装过的复制方法了，于是记录一下，并解析一下他是如何封装的。 首先附上官方文档的链接
阅读全文
摘要：1、动态路由重复添加2、动态路由尚未加载完成就跳转了next()更换为next({ ...to, replace: true })进行重定向重新加载才可以识别到新添加的路由。next({ ...to, replace: true })中的replace: true只是一个设置信息，告诉VUE本次操作
阅读全文
摘要：Navigator.clipboard 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 Clipboard相比以
阅读全文
摘要：el-table使用自定义表头时 <el-table-column width="auto"> <template slot="header"> <el-select v-model="tableSelect" placeholder="请选择" size="mini"> <el-option v-
阅读全文
摘要：node.js的版本问题 因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 先运行一下 export NODE_OPTIONS openssl-legacy-provider 就可以了 附另
阅读全文