vue
Julyued
不知名美女
展开
-
基于VUE移动端H5表格组件
使用(根据自身项目调整,本例子只做参考)原创 2024-06-21 11:16:10 · 496 阅读 · 0 评论 -
引入echarts环形图及显示后端数据
引用echarts原创 2024-02-05 17:13:23 · 1007 阅读 · 0 评论 -
vue项目将后端返回的数据中P标签删除并换行展示
将后端返回的数据中P标签删除并换行展示原创 2024-01-04 11:23:20 · 1044 阅读 · 0 评论 -
vue3项目引入电子签名(可横屏竖屏)
开发电子签名功能及样式。原创 2023-12-20 16:09:52 · 1461 阅读 · 4 评论 -
vue3中子组件调用父组件的方法
子组件调用父组件方法原创 2023-12-08 16:02:51 · 432 阅读 · 0 评论 -
vue3中el-tree的使用及后端传参
vue3中el-tree的使用及后端传参原创 2023-09-13 09:38:38 · 1722 阅读 · 0 评论 -
多个下拉框循环显示 点保存时将下拉框字段数据传给后端
多个下拉框循环显示 点保存时将下拉框字段数据传给后端原创 2022-10-20 14:59:12 · 1133 阅读 · 0 评论 -
统计多个下拉框 用户选择下拉框的次数
统计多个下拉框 用户选择下拉框的次数原创 2022-10-20 14:46:27 · 438 阅读 · 0 评论 -
element-ui表格表头字段添加图标提示
element-ui表格表头字段添加图标提示原创 2022-09-07 11:13:34 · 606 阅读 · 0 评论 -
element 下拉框实现输入查询功能
下拉框数据量太大,可以用这种方式,刚进页面时不调用接口,用户输入后再调接口原创 2022-08-24 11:18:09 · 523 阅读 · 0 评论 -
vue实现点击图片显示全部内容,再次点击隐藏部分内容
点击按钮隐藏/显示内容原创 2022-08-10 10:20:06 · 1301 阅读 · 0 评论 -
修改表格内单条数据
实现效果 点击图标时显示“确定”按钮,点击确定按钮可修改数据。原创 2022-07-01 14:51:01 · 1124 阅读 · 0 评论 -
input输入框按下回车键调用方法
1.直接添加@keyup.enter.native (一定要添加native,不然不起作用) 2.在方法里写需要进行的操作即可原创 2022-07-01 14:42:56 · 2325 阅读 · 0 评论 -
element-ui 表格复选框根据条件判断是否可用
element-ui 表格复选框根据条件判断是否可用原创 2022-06-27 13:56:11 · 276 阅读 · 0 评论 -
前端获取当前时间 && 当前时间转为时间戳
获取当前时间 const nowDate = new Date(); const date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, date: nowDate.getDate(), hours: nowDate.getHours(), minutes: nowDate.getMinutes(), ...原创 2022-05-30 13:43:18 · 2817 阅读 · 0 评论 -
vue详情页面菜单 后拼接数据编号
项目遇到需求,因为有两个任务详情列表,所以想区分一下两个详情页面,在任务列表--详情的任务详情页面拼接它的任务编号。 有共同需求的同学可以参考下。1.首先在store--module--common.js中定义tableId (名称自己定义) 。然后在mutations中写方法存储。setStore方法是在store.js中定义的。2.在任务列表页面将id传过去。processNo是我任务编号的字段名,换成自己想传的字段名。3.在tag.js (标签...原创 2021-12-17 10:16:51 · 556 阅读 · 0 评论 -
element下拉框选择选项时,其它下拉框隐藏
需求:选择“中介清单”时,机构类别显示;选择“银行机构情况”时,机构类别隐藏。 1.首先在“模板”下拉框添加@change="modChange"2.在需要隐藏的下拉框添加v-if="moxs" 并在data中设置初始值为moxs = false(不可见)3.编写change事件 ,判断条件根据自己实际情况。我的下拉框值如果是调用后台接口,先console.log一下后台传过来的值,然后再开发。最后便可成功实现效果。...原创 2021-12-15 11:23:37 · 2437 阅读 · 0 评论 -
element-ui多选下拉框数据回显
基于vue,element-ui多选下拉框数据回显到dialog弹框。1.v-model绑定下拉框2.data中定义3.在触发事件中写如下代码。join(",")是将数组里的数据转为字符串显示。push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。所以保证.push()前的一定是数组。...原创 2021-12-09 17:33:23 · 4158 阅读 · 0 评论 -
vue自定义element-ui日期季度组件
下图为效果图,众所周知element-ui没有季度组件,但项目上也经常会用到,需要我们自行开发。1.在components里新建组件文件(名称自定义)2.直接贴完整代码。(可拷贝直接用)<template><el-form><el-form-item><markclass="_mark"v-show="showSeason"@click.stop=...原创 2021-12-06 15:50:58 · 3232 阅读 · 3 评论 -
vue 两个页面组件调用同一个接口
最近刚接触前端的同学问到这个问题,其实非常简单。仅适用刚刚接触前端的哦!1.首先,先在.js文件中引用你调接口的方法。(两个不同的JS文件)2.页面中引入对应的js文件。接口路径相同,将方法名修改后在各个页面引入即可!...原创 2021-11-25 16:11:50 · 2656 阅读 · 0 评论 -
vue项目搭建(三)+项目配置
接上篇。成功创建项目后,我们可以先了解一下我们项目里目录以及各文件里都是写什么的。1.build文件夹里代表项目的固定目录。1.1 build--webpack.base.conf.js 是项目的基础配置文件。我们打开文件看代码。① module.exports里的是项目的入口配置代码。② resolve下extensions:['.js','.vue','.json']配置了我们导入文件时所省略的扩展名。③module下的rules里都是不同的扩展名用什么加载器加载。...原创 2021-11-03 15:47:56 · 286 阅读 · 0 评论 -
vue项目搭建(二)
接上篇。5.安装完依赖后,我们可以测试一下项目是否可以正常启动。找到README.md文件,在项目输入命令:npm run dev成功后会出现地址,将地址8081拷贝到地址栏,即可看到项目成功启动啦。6.安装需要用到的库,需要什么安装什么。安装axios: npm install axios7.引入element-ui具体大家可看:vue新建项目(二)安装element-ui_小猿猪哥的博客-CSDN博客,很简单。 ...原创 2021-11-03 14:52:15 · 69 阅读 · 0 评论 -
vue 项目搭建(一)
初级前端最容易遇到的问题就是搭建项目,下面我来详细总结下。1.使用vue开发前端,要先有环境,我们借助于node,所以要先安装node,使用node里的npm来安装框架所需的东西。我们使用淘宝的npm镜像:输入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,因为npm有时候会比较慢,可以换成cnpm.安装完镜像后,安装全局vue-cli脚手架,之所以要安装vue-cli,因为这个工具能帮我们搭...原创 2021-11-03 14:27:46 · 91 阅读 · 0 评论 -
element-ui下载文件功能
点击“下载”按钮下载文件,后端给前端返回的是token和url。1.创建“下载”按钮,添加触发事件2.download方法,将后端需要传的参数id,uuid传过去,将后端返回的token和url连接,用浏览器自带window.open打开地址下载。3.调用后台的接口4.最后就可以成功下载文件啦...原创 2021-10-20 14:40:40 · 20106 阅读 · 1 评论 -
/deep/报错
经常在写样式时需要用到/deep/,有时总是报错,虽然不影响但看着属实难受(强迫症)只要在前面就div就可以啦 希望可以帮助到大家 ☽...原创 2021-09-23 14:01:22 · 1096 阅读 · 0 评论 -
vue 动态控制input输入框的disabled属性
最近项目上提出一个经常遇到的需求,点击新增时input可输入,点击编辑时input置灰。写下过程,希望能帮助到大家。 1.首先在input上添加disabled属性 2.data中定义isDisabled值为false(可编辑) 3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑). 最后的效果就是文章最开头啦! ...原创 2021-09-23 10:47:23 · 14674 阅读 · 3 评论 -
vue element-ui 页面嵌套路由标题名称拼接字段
最近系统开发了两个相同名称的页面,所以在页面后面拼接上字段名称区别一下。下图所示 第一步:先在common.js里定义一下tableId。名字可以随便取 第二步:在mutations里写刚刚定义的方法存储到本地中。 第三步:在页面的触发事件中调用方法,将需要拼接的字段传过去。 第四步:在tag.js中将store导入,最后拼接上标题名称就可以啦。 拼接标题新手一枚,希望可以帮助到大家。大神多提建议呀...原创 2021-09-10 16:23:38 · 616 阅读 · 0 评论 -
vue 项目element-ui 表格展示数据转换成中文
很多时候后台字段返回的数据是数字,需要前端将它转成中文显示。直接看代码 如遇到需要展示负数或者其它情况,用{{}}获取展示数据。 新手一枚,多多支持啦!原创 2021-09-10 15:04:58 · 2290 阅读 · 0 评论