VUE
香煎三文鱼
百分之八十的问题可以运用百分之二十的知识来解决,而剩下的百分之二十的问题需要运用百分之八十的知识来解决。准备好那百分之八十的知识,才会在遇到有挑战的问题时更加游刃有余,机会永远留给准备好的人。
展开
-
vue导出数据到excel
在系统的统计功能里我们常常用到一些导出的功能,把我们查出的数据导出到excel中。大多数情况下我们可能会让后台把数据处理好传给前端一个流数据 或者是直接返回一个下载链接,但是这样会二次查询相同的数据如果数据量大的话可能会造成系统的压力。我们可以直接在第一次查询到数据后直接导出前端显示的数据这样就不会二次查询了。...原创 2022-08-29 15:23:15 · 2694 阅读 · 0 评论 -
vue或js实现字段脱敏(隐藏字符串)
生产环境用户的隐私数据,比如手机号、身份证或者一些账号配置等信息,应该进行脱敏显示,一般这种工作需要后台来实现,前端的脱敏不是真正的脱敏,那么前端的脱敏怎么做呢,下面一起学习一下。vue如果是表格的话可以在定义表格的时候字段行中多定义一个字段,不要把card定义为全局的字段不然一个显示就全显示了{ text: "身份证号", value: "身份证号" , width: 180,cardshow:true }, { text: "本人电话", value: "本人电话", width: 150,原创 2022-05-13 09:51:02 · 4565 阅读 · 0 评论 -
window.print() 前端实现打印
通过在javascript代码中调用window.print()函数实现,浏览器会自动获取当前页面内容,并打开浏览器的打印预览页面。使用场景:刚好当前页面的全部内容需要打印。优点:兼容性好缺点:适用场景狭窄;仅能识别内联样式,无法识别行内样式和外部样式封装打印方法在util下创建print.js文件export default function printHtml(html) { let style = getStyle(); let container = getContainer(h原创 2022-05-07 09:14:09 · 937 阅读 · 0 评论 -
Vue中常用的组件传值方式
vue传值方式有:1、prop(父传子);2、子组件通过$emit触发父组件的自定义事件(子传父);3.v-model(双向绑定) 4.refs 5.provide/inject 6.eventBus 7.vuex/pinia(状态管理工具)下面介绍常用的几种:父子组件的关系可以总结为prop向下传递,事件向上传递。父组件通过prop给子组件下发数据。子组件通过事件给父组件发送消息。prop:(父传子)父组件通过prpo向下传递官方文档:链接父组件<template>原创 2022-03-09 14:09:58 · 1279 阅读 · 0 评论 -
axios get和post请求带参数和headers配置
get 方法1传入参数的时候,需要 { } 然后在里面传入 params 这个参数,一定要是params。const id = 'xxx';const token = 'xxxxxxxxxxxxxxxxx';axios.get("http://xxx/xxx",{ //参数列表 params:{ id :12345 }, //请求头配置 headers:{ token: token ...原创 2021-01-28 09:11:25 · 6884 阅读 · 0 评论 -
vuetify文件上传 file inputs
html部分代码<v-form ref="uploadFileForm" v-model="uploadFormValid"> <v-file-input v-model="fileInfo" required :rules="[v => !!v || '文件必选']" show-size accept=".xls,.xlsx" @ch原创 2020-10-27 13:33:42 · 4806 阅读 · 1 评论 -
git还原历史版本代码
有些时候,在一些特殊情况下,我们需要将代码恢复到一个历史的提交版本上。而这个历史提交版本,离最新的提交已经比较久远了。比如,我希望将如下的仓库的提交,恢复到上上上上次提交。当然,我可以一次一次的 revert,但是有没有更快更简单的办法呢?提前做好备份 还原之后 最近的代码就丢失了查询提交ID,恢复使用1.可以通过查看git日志2.可以在vscode里查看找打id后执行 $ git reset --hard ID...原创 2020-09-10 14:20:45 · 815 阅读 · 0 评论 -
js验证身份证号是否合法
function IDCardCheck(num) { num = num.toUpperCase(); //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。 if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) { alert('输入的身份证号长度不对,或者号码不符合规定!\n15位号码应全为数字,18位号码末位可以为数字或X。'); .原创 2020-09-04 14:52:38 · 1006 阅读 · 0 评论 -
分享几个vue后台模板
基于 Vue + Element UI 的后台管理系统解决方案。DEMO地址:https://lin-xin.gitee.io/example/work/#/dashboard仓库地址:https://github.com/lin-xin/react-manage-systemDEMO地址:http://cgq666.gitee.io/admin-vue/#/index/仓库地址:https://github.com/cgq001/admin-menu/tree/2.0DEMO.原创 2020-08-11 13:41:42 · 1296 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本
在用脚手架搭建vue项目时,提示:无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本这是你笔记本禁止运行脚本,解决办法1.管理员运行Windows power shell2.输入set-ExecutionPolicy RemoteSigned3.选择Y 或者A ,就好了...原创 2020-07-28 14:57:14 · 881 阅读 · 0 评论 -
搭建VUE环境、安装npm、node.js
一、Node.js 安装配置在 Windows 上安装 Node.js 的方法。Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。你可以根据不同平台系统选择你需要的 Node.js 安装包。node.js中包含npmNode.js 历史版本下载地址:https://nodejs.org/dist/注意:Linux 上安装...原创 2020-04-07 17:05:53 · 1463 阅读 · 0 评论