VUE
和世界不一样,那就不一样!
星辰大海,砥砺前行!
展开
-
Vue 使用 Export2Excel.js 导出多 sheet 的 excel
Vue 使用 Export2Excel.js 导出多 sheet 的 excel原创 2023-03-07 13:52:07 · 1894 阅读 · 1 评论 -
vue封装使用 svg-icon组件
vue封装使用 svg-icon组件原创 2023-02-06 16:46:37 · 1518 阅读 · 0 评论 -
request接口封装Vue
request接口封装Vue原创 2023-02-02 15:54:47 · 248 阅读 · 0 评论 -
Vue 自定义指令v-copy复制
vue自定义指令 copy原创 2023-01-31 10:02:59 · 2078 阅读 · 2 评论 -
vue项目中分步引导 driver.js
vue项目中分步引导 driver.js原创 2023-01-30 18:11:58 · 311 阅读 · 0 评论 -
vue2.x 富文本编辑器Tinymce的使用
vue2.x 富文本编辑器Tinymce的使用原创 2023-01-29 10:38:12 · 2041 阅读 · 0 评论 -
Vue+TypeScript开发中TS不识别this.$refs的问题
Vue+TypeScript开发中TS不识别this.$refs的问题原创 2023-01-11 10:06:55 · 1595 阅读 · 0 评论 -
vue同一浏览器只允许同时登录一个账号的解决办法-真实项目使用
vue同一浏览器只允许同时登录一个账号的解决办法-真实项目使用原创 2022-10-20 10:37:12 · 1318 阅读 · 0 评论 -
(vue单页)同一浏览器只允许同时登录一个账号的解决办法
(vue单页)同一浏览器只允许同时登录一个账号的解决办法原创 2022-10-19 16:26:39 · 3058 阅读 · 0 评论 -
process.env详解
process.env转载 2022-10-10 11:19:44 · 6429 阅读 · 0 评论 -
Vue中 引入使用 vue-socket.io,以及vue真实项目上使用
Vue中 引入使用 vue-socket.io,以及vue真实项目上使用原创 2022-09-18 11:53:16 · 1491 阅读 · 1 评论 -
vue el-dropdown下拉框单选有对钩高亮
vue el-dropdown下拉框单选有对钩高亮原创 2022-09-14 17:32:39 · 1636 阅读 · 0 评论 -
el-table复选框选中所在的行,右侧按钮禁掉
el-table复选框原创 2022-08-31 11:10:42 · 603 阅读 · 0 评论 -
JS常用工具类utils,持续更新中2022
JS工具类原创 2022-06-29 10:03:20 · 1357 阅读 · 0 评论 -
Vue Class Component详解
Vue Class Component原创 2022-08-24 09:47:34 · 5208 阅读 · 0 评论 -
el-date-picker限制只能选当天,当天之前,当天之后
el-data-picker限制时间原创 2022-08-23 17:15:20 · 5690 阅读 · 0 评论 -
ElementUI--- el-table复选框,选中哪行,哪行对应的操作按钮禁用
hahaha原创 2022-08-11 10:53:07 · 927 阅读 · 0 评论 -
样式布局flex----一行五个元素,随着屏幕变化宽度发生改变
CSS flex布局原创 2022-07-29 09:40:43 · 5379 阅读 · 0 评论 -
手写vue响应式原理
VUE 手写原理原创 2022-07-18 11:17:56 · 448 阅读 · 0 评论 -
vue是怎么实现数据响应式的?
VUE响应式原理原创 2022-07-04 17:02:06 · 1491 阅读 · 0 评论 -
前端技术栈总结
vue react原创 2022-07-01 11:21:46 · 4372 阅读 · 0 评论 -
区域支持放大缩小
vue 放大缩小原创 2022-06-28 11:15:00 · 404 阅读 · 0 评论 -
【无标题】
vue项目打包原创 2022-06-24 13:57:33 · 70 阅读 · 0 评论 -
使用vue上传或下载excel文件
excel上传下载原创 2022-06-23 14:29:07 · 1263 阅读 · 0 评论 -
点击按钮复制链接(实现点击按钮,复制文本框中的的内容)
点击按钮复制链接原创 2022-06-22 14:17:48 · 1963 阅读 · 0 评论 -
vue3【自定义hook】
vue3 hook原创 2022-06-20 14:07:44 · 428 阅读 · 0 评论 -
vue中使用vuex(简单明了)
vuex原创 2022-06-06 15:42:50 · 1453 阅读 · 0 评论 -
vue+elementUi分页写法el-pagination
利用elementUI中el-pagination写页码,从接口中获取total。<tempalte> <div> <el-pagination :current-page="pageNum" background :page-size="pageSize" layout="prev, pager, next, jumper" :total="total"原创 2022-05-28 19:49:08 · 569 阅读 · 0 评论 -
elementUI-dropdown点击非按钮区域,弹出下拉框
如下代码,设计到的知识点:dropdown下拉框,点击按钮弹出,点击图片也要弹出。涉及到:js触发按钮点击事件;function load(){ document.getElementById("target").click()一行5个li,随之屏幕的宽度,改变自身的宽度;li { flex: 0 0 20%;}.box1 { padding: 5%; min-width: 178px; width: 90%;}或者: 一行5个li,li的宽度固定,margi原创 2022-03-17 15:49:54 · 1491 阅读 · 0 评论 -
伸缩布局中,flex: 0 0 auto
介绍在页面开发当中,经常使用到 flex 伸缩布局;很多人经常使用到 flex 的这一属性,flex: 0 0 auto 或者 flex: 0 1 auto 或者 flex: 1 0 auto 或者 flex: 0 0 10% ………… 但是大多数人都不太清楚这一属性的含义,下面主要介绍一下,这一属性的使用方式,以及含义:定义如上面的 flex: 1 0 auto , 这一属性,flex后面跟了三个值,这三个值实际上是flex-grow ,flex-shrink,flex-basis原创 2022-03-13 16:24:49 · 384 阅读 · 0 评论 -
el-select 默认选中第一个,ElementUI 下拉框
ElementUI 下拉框,el-select静态获取数据, 默认选中第一个 <el-select v-model="formData.status" placeholder="请选择" class="filter-item" style="width: 130px"> <el-option v-for="item in statusLists" :key="item.key" :label="item.status_name"原创 2022-03-11 10:08:22 · 3741 阅读 · 0 评论 -
MessageBox confirm弹框确认和取消按钮的使用-回调
需求: 点击按钮,弹框出现左右按钮,点击左右按钮分别再次弹框。注意:需要使用then和catch进行捕获projectAudPub(id, name) { this.$confirm(`审核 ${name}`, "提示", { type: "warning", confirmButtonText: "审核通过", cancelButtonText: "审核不通过", }).then((action) => {原创 2022-03-03 14:22:32 · 5891 阅读 · 0 评论 -
vue 单选列表, 并且改变样式
N个模板,单选,选中的改变样式(青色的边框)HTML代码: <ul class="templates-style"> <li class="filter-nav" v-for="(item, index) in touristList" :key="index" :class="{active:(clickIndex == index )}" @原创 2022-02-18 13:52:39 · 924 阅读 · 0 评论 -
vue中选中多个选项,并且改变选中的样式
有N多个模板,选中多个选项,并且改变样式;HTML模板区域:<template> <h3>请选择模板</h3> <ul class="templates-style"> <li class="filter-nav" v-for="(item, index) in touristList" :key="index" :c原创 2022-02-18 13:49:31 · 1186 阅读 · 0 评论 -
Element-ui--el-tablez中的 @selection-change 【获取复选框集合】
真实项目数据格式:接口数据如下真实展示, 加载角色列表的选中项(根据后台返回的id),以及用户点击选中的项处理<template> <el-scrollbar class="scrolbar-wrapper"> <el-table ref="table" :data="apiObj" @select="(selection,row)=>{selectionChange(selection,row)}" // select原创 2022-02-16 10:48:51 · 2757 阅读 · 0 评论 -
vue+element el-tree 最详细的使用方法,真实接口数据渲染
el-tree的使用:项目:接口给到的数据是嵌套children的,另外接口中的choose字段表示是否被选中,choose : true需要时选中状态;<div class="menu-permission"> <p class="title">菜单权限</p> <el-tree ref="menutree" :data="menuList" // 数据源 show原创 2022-02-16 10:22:23 · 4428 阅读 · 1 评论 -
工作中个人常用知识点汇总
一、CSS1、flex布局给父盒子设置display: flex,里面的元素就是弹性元素;父亲常见属性;1) 父元素属性-flex-direction: 设置主轴的方向;就是x轴,y轴;默认值:flex-direction: row,里面的元素从左到右;flex-direction: row-reverse:里面的元素从右到左;flex-direction: column: 改变主轴变成轴,元素从上到下;flex-direction: column-reverse: y轴是主轴,元素从下到原创 2021-12-23 14:49:46 · 646 阅读 · 0 评论 -
2022数组常见面试题--高频
面试中高频被问到的数组题目数组的方法与迭代方法一、 数组的方法1. 数组方法pop() push() unshift() shift(),sort(), reverse(),concat(), indexOf()1)基本方法push()尾部添加 ---arr.push('q'), 向原来的arr数组尾部增加qpop()尾部删除 unshift()头部添加 shift()头部删除sort(): 按升序排列数组。 使用比较函数作为参数<script> functio原创 2021-12-15 17:13:22 · 1187 阅读 · 0 评论 -
2022VUE前端题,陆续更新中
VUE前端面试题,陆续更新中;1. 路由懒加载整个网页默认是刚打开就去加载所有页面,路由懒加载就是只加载你当前点击的那个模块。按需去加载路由对应的资源,提高首屏加载速度(tip:首页不用设置懒加载,而且一个页面加载过后再次访问不会重复加载)。实现原理:将路由相关的组件,不再直接导入了,而是改写成异步组件的写法,只有当函数被调用的时候,才去加载对应的组件内容const index = () => import(/* webpackChunkName: "insuranceConfirm" */原创 2021-12-14 16:42:54 · 1367 阅读 · 0 评论 -
v-model基本用法--单选框/多选框/input/下拉选择框
V-model单选框原来的写法是用同一个name属性,确保选择的时候是单选状态,此时我们不再需要name属性,只需要使用v-model指令给每个选项绑定同一个变量就,可以确保同一时间只有一个被选中,同时value属性还是需要的,表示选中时的值。<template> <div> <p>性别:</p> <input type="radio" v-model="first" value="man" />男 <原创 2021-11-26 09:42:13 · 3411 阅读 · 0 评论