- 博客(58)
- 收藏
- 关注
RSS订阅原创 vue3模块化引用组件和引用ts,调用ts中的接口
1.在util中创建loginValidators.ts。2.在登录页面中引用验证ts。4.在登录页面中引入登录组件。就可以使用ts中创建的参数。以简单的登录功能为例子。
2024-03-15 11:37:32
1757
原创 vue3使用vue -v报错vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次。
找到prefix=“这里的路径”，同样在环境变量中，将上下两个path中都添加上。会出现一个路径，在按照步骤二中找到环境变量，将上下两个path中都添加上。首先去此电脑----右键----属性-----搜索高级系统设置—环境变量。执行指令：npm config get prefix。执行指令：npm config list。1.vue3配置环境。2.vue3项目创建。
2024-02-21 13:47:24
490
原创 vue Echarts饼图指定颜色与数据对应
然后再把数据传入饼图中，入最上面的图所示，即使数据顺序不同颜色也能对应上了。需求：一般自定义颜色是按照数据的顺序依次对应，现在想要。因为是直接在返回数据中做操作，所以直接写这部分的代码。
2023-09-13 15:03:52
636
原创 element时间选择器el-date-picter使用disabledDate指定禁用的日期
【代码】element时间选择器el-date-picter使用disabledDate指定禁用的日期。
2023-08-18 16:30:35
1168
原创 echarts 字符串模板和formatter的使用（鼠标悬浮显示的气泡自定义）
第二种方式：使用formatter，在不添加新的图形的情况下，效果图如下：（注释掉的部分为字符串模板，释放掉注释可看）需求：在鼠标悬浮中加一个总数字段，图1为默认，图2为需要实现的效果。有两种方式，第一种：在图表添加一条新的图形，默认会自动添加。需要在整个数据列表中计算出来成为新的数组。在series中添加总数一列。
2023-07-12 09:52:37
615
原创 vue将两个有共同id数组的数组合并---concat的使用
3.接着把sumMap这个对象，根据map有键值对的特性，循环查询当前id添加到数组中，我们将会用到concat。2.新建一个数组res，这个数组就是最后我们所需要的数据格式，我要将这样的两个数组合并成如下图所示的数据格式。1.首先先将recMap变成数组。
2023-02-23 10:37:20
1847
原创 iis部署vue过程 在本机查看浏览
需求是在本机先查看iis部署后是否正常，需要有一下操作。5.添加好之后单机，右侧就会有启动的按钮。4.打开iis,右键网站，选择添加网站。在本地运行的程序需要关掉。1.首先打开控制面板。
2023-02-06 09:09:54
182
原创 vue打包怎么在外部配置文件（端口），并可以动态访问端口地址（输入什么就访问什么）
需求：每次修改程序会很麻烦，需要我们在打包的时候生成配置文件，直接修改文件就可以改变端口。1.首先在打包的目录static下创建config.js文件。3.还在此目录下的index.html引用config.js。但是我是在项目的更目录加的 打包完之后这里也会出现引用的。2.config.js文件内容（加双引号）4.定义全局变量global.js。5.在main.js中引用。7.打包后就可以读取了。
2023-02-05 10:43:02
2684
原创 element 中循环input框，点一下输一个，聚焦不了解决办法
先上代码：嵌套了循环之后，输入一个字符就得点击一下框才能继续输入，后来参考了别的博主的文章，原来只需要把循环中key的值改为index就可以了。
2023-02-02 09:56:29
855
1
原创 vue axios post 请求415、400、500、404报错时
后端参数使用了@RequestBody注解进行绑定，用了这个注解进行数据绑定，只能接受数据类型为 Content-Type类型为application/json。2.前台修改，设置Content-Type类型为application/json。写过两种传参方式：一种是直接将data中定义的数组传递。415错误的解释，服务器无法处理请求附带的媒体格式。1.后台修改，去掉@RequestBody注解。表示服务器错误，看看服务是否启动了。找不到页面，前端的端口号应该和后台端口号一致。
2023-02-01 13:30:53
3322
原创 vue push的用法
正常需要的加字段名的数组this.items.push({valuesss:this.tableData[i].amount1,time:this.tableData[i].badTime,type:1})多个对象this.items.push({valuesss:this.tableData[i].amount1},{time:this.tableData[i].badTime},{type:1})单个数组this.items.push([this.tableData[i].amount
2022-04-02 10:14:34
13835
原创 【无标题】element ui span-method合并行或列的方法
原文：https://www.jianshu.com/p/6067708bd1ee<template> <div class="app-container"> 异常数据页面 <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%"
2022-03-30 14:21:11
1283
原创 vue导出功能（两种方式）
第一种（数组的导出）npm i -S file-saver xlsxnpm i -S script-loader写两个方法exportData () { const { export_json_to_excel } = require('@/vendor/Export2Excel'); const tHeader = ['列1', '列2', '列3']; const filterVal = ['row1', 'row2', 'row2']; con
2022-03-11 15:29:14
2780
原创 element-ui根据表格数据的值，设置单元格的颜色
第一种：需求—每行数据各个值都要判断，所以每列数据判断的标准是不一样的。首先先在表格中添加列样式然后在方法中写对应的方法，columIndex是第几列最后写样式第二种：需求，整个表格的判断标准是一样的，比如说每个月每人的收入，就可以用更简单的方法剩下的都同上步骤是一样的...
2022-03-02 14:39:31
917
原创 websocket+vue使用（简单例子）
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。目前大部分浏览器支持 WebSocket() 接口看一下下面的例子：需求：在一个表格中实时接收后端传过来的
2022-03-01 15:31:46
3780
原创 vue中使用filter筛选列表信息
完整代码参考地址列表筛选地址：https://blog.csdn.net/qq_39101581/article/details/107783302<template> <div> <!-- 列表信息 --> <!-- 搜索框 --> <el-input placeholder="请输入内容" v-model="wordKey" style="width: 30%"> <i slot="prefi
2021-09-06 14:22:57
3875
原创 vue拼接html中onclick的触发方式、vue调用自己的js方法
1.vue拼接html中onclick的触发方式：此案例是点击图片放大这个为所拼接的代码，获取img的src在方法中直接写this.src即可将方法写到方法中也不必多说了，记住加上function将链接的桥梁赋值图片放大需要容器这个案例就算完成了2.vue调用自己的js方法...
2021-08-26 15:39:22
1397
原创 vue.js从创建组件到调用完整版(父子组件之间得传递：props,emit和附加动态引用样式)
创建组件及父组件传子组件大体流程【props】1.新建页面2.import出位置3.放入components中4.写标签5.在data中写要传入得数组或参数6.赋值第一步（父页面需要做的事情）：我这里是点击事件调用出抽屉所以需要在点击得时候赋值，添加一个方法，将formData赋值，使用ref控制子页面中得显示隐藏第二步（子页面需要做得事情）props接收参数这样参数就传递完成了子组件传父组件大体流程[emit]子组件传父组件，调用父组件的方法，可以是带参数得也可以是
2021-08-17 13:30:40
121
原创 Vue+elementui列表中获取选中复选框得值（没有选中时按钮是禁用）
先来看效果1.在表格属性中加入@selection-change=“handleSelectionChange”2.添加方法，将选中得值赋到数组中，判断有没有选中得值
2021-08-16 17:05:34
1437
原创 ES6特性let和const篇
一、let和const关键词1.leta.在代码块中有效b.只能申明一次，不能重复申明c.不存在变量提升（在没有申明前变量前打印此变量会报错）c.适合用for循环var是全局变量，循环结束后才执行settimeout。let申明的变量只在本轮循环中有效，每次循环都是一个新的变量，js引擎内部会记住前一个循环的值。2.consta.const 声明一个只读变量，声明之后不允许改变，一旦声明必须初始化，会报错。b.代码块中存在const或let，代码块会封闭，在声明变量 PI 之前使用它会报
2021-08-12 10:42:35
76
原创 2021-07-28VUE下拉框默认值设置
出现的问题是：修改功能，当首次加载除要修改的字段，不做修改提交，下拉框字段获取到的值是lable而不是我们所需要的value值，问题的原因：首次加载时默认值都为空而且被影藏，选择了需要修改字段时，在监听中才被赋值，二下拉框中绑定字段时绑定的lable问题的解决：如果使用在watch中赋值给每个字段的这种方法，可以在获取的下拉列表中使用push方法，如下，匹配下拉列表，记住每次监听都会push，所以要清空。...
2021-07-28 09:55:16
2218
原创 vue+elementui下拉框默认为数组的第一个值
1.下拉的容器，写绑定值，一般都是value值和对应的lable2.return出值在data中，第一个为需要显示的数组，第二个为默认值，3.如果是动态的，需要将默认值设置为第一个则需要在调用接口的方法中赋值4.点击下拉框直接切换，需要使用监听watch...
2021-07-01 10:04:22
4332
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人