Vue 中Element的table多选表格实现单选

Element 中的表格表头添加搜索图标和功能1. 表头需要指定的图标, 并且可以点击可能存在输入框, 下拉选择器, 时间选择器弹出框使用的是 Element 的 Popover 弹出框组件, 相比于 Dialog 弹出框组件更加轻便2. 功能的实现2.1 表头的搜索按钮可以使用 Element 中table组件的插槽Element 中table组件的插槽使用 slot...

SCSS 导出颜色需求 在 vue 文件中引入 scss 定义的变量首先定义好需要的 scss 变量// 基本颜色$blue:#324157;$light-blue:#3A71A8;$red:#C03639;$pink: #E65D6E;$green: #30B08F;$tiffany: #4AB7BD;$yellow:#FEC171;$panGreen: #30B08F...

Vue 中使用 Eruda 来调起手机端的控制台Eruda的github地址使用方法，这里推荐使用CDN的方式在BootCDN中搜索eruda直接复制整个 script的标签在项目的index.html中引入，注意如果项目上线记得注释<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"><

Vue3.2 + Vite2.6 + TS 中注册的全局组件添加代码提示1. 问题说明注册的全局组件直接引用会发现没有之前的代码提示和高亮效果全局组件SvgIcon中的icon-name参数是必填的但是直接引用不会标红提示如果是局部引用了该组件,就会出现代码标红提示2. 处理方法volar的说明文档地址在main.ts同级中,添加一个components.d.ts文件即可import SvgIco

Vue获取两个时间点之间的所有间隔时间说明 使用的是vue@2.6.12和elementUI@2.14.1使用的是TS，用来校验数据格式所有返回的数据都是在时间前面自动补全了0使用的主要方法是new Date().setFullYear()设置当前的时间，如果传入的时间是new Date().setFullYear(2020,12,32)，该方法会自动将时间转化为2021-1-1的时间戳**如果有

NodeJS 使用 svg-captcha 模块实现图形验证码的功能，Vue的功能效果图，每次点击验证码的时候就会发送一次请求1. NodeJS方面安装 npm i svg-captchasvg-captcha中文文档地址在express中的使用方法const svgCaptcha = require("svg-captcha")app.get('/api/v1/login/...

Vue 简单配置公用接口地址有时候需要本地和线上需要不同的接口地址, 这个时候可以根据 npm run build 判断1. 首先配置先新建一个 config.js 的文件开发环境: 说明实在本地测试的时候链接的地址测试环境: 说明是根据 npm run test 进行判断生产环境: 说明是已经部署到线上的代码 npm run buildlet baseURL = ''i...

Vue中使用markedmarked官方文档官方demo地址1. 安装依赖yarn add marked highlight.js -S, 其中 highlight.js用来高亮代码块2. 使用(语法是V3 setup+ TS )import 'highlight.js/styles/monokai-sublime.css' 是用来设置代码块的样式<template><div c

Vue 中使用lib-flexible和postcss-pxtorem将px单位转化为rem单位下载 npm i lib-flexible postcss-pxtorem首先在main.js文件中导入lib-fiexibleimport Vue from 'vue'import App from './App.vue'import './registerServiceWorker'im...