- 博客(11)
- 收藏
- 关注
原创 mac node版本查看与安装
2.查看当前已经安装的node列表。4.如何全局安装node模块。1.查看当前node版本。5.安装node稳定版本。6.安装node最新版本。7.卸载node指定版本。3.切换node版本号。
2023-05-25 17:48:51 4032
原创 MAC 电脑怎么找到 host 文件
注:刚开盒的mac ,host文件没有权限操作,需要修改文件的权限,才可以修改。此时会弹出一个框,在输入框输入如下指令: /etc/hosts。点击键盘 同时按住 command + shift + G。鼠标选中host文件,然后手指点击触控板,弹出右键提示。点击标注的位置, 根据自己的需要,修改读写权限。例如:我就是直接全部改成读与写,这样就可啦。第三步: 点击(回车) enter键。接下来就精准定位到host文件了。
2022-09-28 15:07:42 4066
原创 在数组循环中 --- 循环几次,发起几次异步请求
在业务场景中,需要对动态可以添加的表单(该表单是一个数据集合)进行数据回显的逻辑。所以在编辑状态下,需要根据该表单的数据集合,去获取对应的数据请求,压进表单的下拉列表中进行回显操作。假设该动态表单中有7个数据,那么就需要发送7次请求。因为,js单线程同步forEach循环 会比 异步请求更快,也就是第一次请求还没有结束,forEach循环可能已经执行完毕。所以使用 asnyc await 来执行等待异步执行的操作 created () { let arr = [1, 2, 3
2022-03-29 14:43:27 629
原创 vue 工程之 vite + vue3.x
目录一、Vue前端工程化开发,即:单页面SPA。二、创建SPA工程的方法:三、Vite 基本使用 (仅支持 vue3.x)前言: 先大概知道前端工程相关信息。 一、Vue前端工程化开发,即:单页面SPA。 SPA单页面启动时,初始化时,一次性将工程所需要的html、css、js、等加载回来。 后续的用户操作,页面不重新加载不跳转,通过js来控制当前页面的交互,部分内容重新渲染加载;1、优点:①用户体验感好很多;②前端只负责页面渲染;后端只负责提供接口(还可复用再
2022-02-18 10:22:55 854
原创 项目中常用的业务场景 ——文件上传,展示文件条目(原生写法)
<div> <div> <el-button class="action_btn" type="primary" style=" margin-right:10px" @click="manyToLead" ...
2021-12-31 10:09:14 410
原创 js 原生如何拿到 url地址传递的参数
本人对于 正则表达式的应用确实不是很熟练,就用最笨的方法,去获取到数据。满足业务即可,不谈优化。拿淘宝网站举例,随便进入一个选项,复制它的地址。js部分:(思路很简单,截取url 地址? 后面的全部数据,分隔成数组,再遍历该数组,存进一个新对象中,数组第一项就为参数,数组第二项就为参数值。)该对象其实就是 vue中 this.$route.query的值 func() { let str = "https://s.taobao.com/search?.
2021-12-17 17:58:24 431
原创 vue 实现全部动态列表展示(包括动态实现操作点击事件)
将表格封装成为一个组件:<element-table ref="elementTable" :url="url" :params="searchParams" :columns="columns" v-model:currentPage="currentPage" @columnClick="columnClick" />引入:import ..
2021-11-10 15:51:16 2768
原创 vue 手写点击 div盒子 外面空白区域控制隐藏
需求:需要写一个类似于elment-ui中 el-dialog的弹出框,点击弹出框外部任意一个位置,都能关闭弹出框的效果。右下角的 圆形按钮,控制左边的全部功能盒子的显示隐藏,要求:点击全部功能盒子以外的任意地方,都能实现隐藏该盒子。结构部分:代码部分:监听事件: watch: { showFlag(newVal, oldVal) { if (newVal) { // 若显示,则监听失去焦点事件。 document.ad..
2021-11-05 17:23:29 996 2
原创 vue 根据select的下拉框选中数据,请求时多个分别展示不同的表格结构动态 渲染
需要展示的4种表格结构4种表格形态:年度 半年度 季度 月度数据展示结构: <el-table :border="true" key="table1" :data="tableList"> <el-table-column v-if="deptShow" prop="deptName" align="center" label="部门" width="14.
2021-11-04 17:47:14 3534
原创 vue el-table 文件流 文件下载
结构部分: <el-button @click="costCenterToOut"> 员工导出 </el-button>方法部分: // 成本中心导出 async costCenterToOut() { let obj = {}; axios({ method: "post", url: `/security/v1/travelManagementRouter/
2021-11-04 17:17:18 596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人