vue
zhangzuruiqqq
这个作者很懒,什么都没留下…
展开
-
vue-plugin-hiprint简单使用打印html
本文实现了无预览 指定打印机直接打印html,附带一个快递单模板原创 2023-05-11 11:57:13 · 3139 阅读 · 1 评论 -
若依框架 路由带参数跳转有缓存的解决方法
若依框架的话,直接打开src/api/router/index.js路由配置项。a页面——》跳进吧页面 下面附带路由跳转传值。原创 2023-03-01 10:13:01 · 2322 阅读 · 0 评论 -
element vue表格列宽自适应
百度了各位大佬各种方法,(npm下载,:width,:render-header,css处理)本人喜欢以最小的改动实现需求,我的项目里有20多个表格。麻烦的点就是 要给每一个长列都加上:width。最终选择:width方法。原创 2023-02-08 10:11:23 · 378 阅读 · 0 评论 -
js vue abcd递增
通过这两个方法,可以先将‘A’字母转化为ASCII码,对其进行加法可以得到‘B’、‘C’、‘D’的ASCII码,再将ASCII转化为字母即可通过循环得到ABCD。ASCII转化为字符:fromCharCode()字符转化为ASCII码:charCodeAt()原创 2023-01-13 10:10:19 · 589 阅读 · 0 评论 -
js vue汉字转拼音或拼音首字母
htmlnpm原创 2022-07-04 09:10:39 · 13160 阅读 · 0 评论 -
JS,VUE实现echars地图点击事件,根据数值不同显示不同颜色,鼠标悬浮显示省的名称和数值
一.js版效果图二.vue版1全局安装依赖2.main.js中引入3.在路由中引入地图相关组件index.vueindex.vue原创 2022-06-13 15:59:04 · 1627 阅读 · 0 评论 -
vue中登录 按下回车触发登录请求
方法1需要光标停留在当前输入框时 按下回车会触发某个方法@keyup.enter.native="handleLogin"<el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType" placeholder="密码" na原创 2021-07-02 09:54:30 · 581 阅读 · 0 评论 -
element-ui+vue input框只能输入字母(自定义正则)
尝试 element表单验证:change/ :input事件监听 +正则表达式没有实现需求最后通过keyup事件实现 <el-input class="inline-input" v-model="state" prefix-icon="el-icon-search" @keyup.native="state=state.replace(/[^a-zA-Z]/g,'')" placeholder="必须输入两原创 2021-06-29 11:55:24 · 2141 阅读 · 1 评论 -
vue下拉框地区多选
思路很简单 基于element Cascader 级联选择器 和网上搜索的所有地区const list = { 北京市: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', '平谷区', '密云区', '延庆区'], 天津市: ['和平区', '河东区', '河西区', '南开区', '河北区', '红桥区', '东丽区', '西青区', '津南区', '北辰区',原创 2021-06-23 09:10:29 · 1717 阅读 · 0 评论 -
vue切换路由时的动画效果(简单)滑动进入
代码很简单注意你的路由层次就行我想在红圈位置 切换时加入动画我的app.vue<template> <div id="app"> <!-- 路由出口 --> <router-view/> </div></template>我的router.js我用了3级路由{ path: '/', component: Layout, children: [ {原创 2021-05-31 14:52:42 · 334 阅读 · 0 评论 -
vue图片随表单上传
作者思路有两个 1. 用element组件中upload 下文已实现2.用 input type=file 参数装进 formdata 传给后台 时间原因没实现上代码<!-- <input type="file" class="face" accept="image/*" @change="getFile($event)" ref="inputer"> --> <el-upload ref="upload" action="接口" :d原创 2021-05-27 15:07:28 · 606 阅读 · 0 评论 -
vue $router传参,地址栏传参
两种方式1query 传参 参数会在地址栏上显示2 params 传参 参数不会显示在地址栏上注意!!!params 在路径跳转时 只支持name 两种方式不能同时使用(写在一起)@router/index.js配置路由 (我这里是二级路由,这种传参方式没有限制哈!随意传){ path: '//only', component: Only, children: [ // 基础信息 { path:原创 2021-05-08 14:17:50 · 1769 阅读 · 0 评论 -
vue项目build打包完报错Failed to load resource: net::ERR_FILE_NOT_FOUND或出现空白页
在项目根目录下创建vue.config.js内容是module.exports = {publicPath: ‘./’}保存 重新build打包 即可解决原创 2021-04-27 09:52:29 · 955 阅读 · 0 评论