![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-cli
和世界不一样,那就不一样!
星辰大海,砥砺前行!
展开
-
vue项目中使用echarts
vue项目中使用echarts原创 2022-08-31 15:05:34 · 507 阅读 · 0 评论 -
vue v-for循环表格, 每行显示2个元素td
vue v-for循环表格, 每行显示2个元素td原创 2022-08-12 15:30:07 · 3001 阅读 · 0 评论 -
ElementUI--- el-table复选框,选中哪行,哪行对应的操作按钮禁用
hahaha原创 2022-08-11 10:53:07 · 904 阅读 · 0 评论 -
【vue组件封装】根据页面滚动高亮显示目录的侧边栏
侧边栏随着文档位置移动高亮亮原创 2022-08-05 15:01:45 · 491 阅读 · 0 评论 -
TypeScript的相关用法
TypeScript原创 2022-08-05 11:03:51 · 230 阅读 · 0 评论 -
VUE修饰符sync使用
vue .sync原创 2022-08-04 11:33:06 · 125 阅读 · 0 评论 -
mac 使用brew切换node版本
mac: brew切换node版本原创 2022-08-02 11:13:17 · 2861 阅读 · 0 评论 -
手写vue响应式原理
VUE 手写原理原创 2022-07-18 11:17:56 · 420 阅读 · 0 评论 -
VUE面试题-2022
vue2 vue3原创 2022-07-14 22:50:33 · 4788 阅读 · 0 评论 -
vue3【自定义hook】
vue3 hook原创 2022-06-20 14:07:44 · 415 阅读 · 0 评论 -
vue中使用vuex(简单明了)
vuex原创 2022-06-06 15:42:50 · 1440 阅读 · 0 评论 -
Vue文件上传、下载
使用场景:点击按钮, 下载指定模板A;入参id空,调取接口下载;点击按钮,下载table表格中的数据入参当前页面的id,下载table数据点击上传,上传指定模板A, 并渲染数据到table表格中入参id,上传模板接口使用安装axios:npm install axios -S项目完整版代码来咯<template> <el-dialog title="上传下载" v-loading="DataLoading" width="40%"原创 2022-05-28 21:08:16 · 231 阅读 · 0 评论 -
vue中 el-table 实现拖拽排序教程
el-table基础上如何实现表格上下拖拽排序element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现。实现步骤:1.安装Sortable.jsnpm install --save sortablejs2.在当前vue中JS代码中引入:import Sortable from ‘sortablejs’3.在当前vue文件template el-table中指定row-key,row-key必须是唯一的,如ID,不然会出现排序不对的情况。注意:需要注原创 2022-05-28 20:35:54 · 7670 阅读 · 3 评论 -
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 · 535 阅读 · 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 · 1445 阅读 · 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 · 3541 阅读 · 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 · 2732 阅读 · 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 · 4091 阅读 · 1 评论 -
2022VUE前端题,陆续更新中
VUE前端面试题,陆续更新中;1. 路由懒加载整个网页默认是刚打开就去加载所有页面,路由懒加载就是只加载你当前点击的那个模块。按需去加载路由对应的资源,提高首屏加载速度(tip:首页不用设置懒加载,而且一个页面加载过后再次访问不会重复加载)。实现原理:将路由相关的组件,不再直接导入了,而是改写成异步组件的写法,只有当函数被调用的时候,才去加载对应的组件内容const index = () => import(/* webpackChunkName: "insuranceConfirm" */原创 2021-12-14 16:42:54 · 1340 阅读 · 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 · 3326 阅读 · 0 评论 -
使用vue-cli3.0搭建适配移动端的项目
适配移动端,禁止用户缩放页面meta标签中的content属性里有一个width=device-width的值,这个值就是用来告诉浏览器,该页面将要使用设备的宽度来解析,后面的属性值则是告诉该页面: user-scalable=no 禁止用户缩放页面initial-scale=1.0 页面初始倍数为1倍maximum-scale=1.0 页面可放大的倍数为1倍minimum-scale=1.0 页面可缩小的倍数为1倍<meta name="viewport" content="w原创 2021-10-12 16:10:09 · 309 阅读 · 0 评论