01:导入
excel导入功能需要使用npm包**xlsx,所以需要安装xlsx**插件01.安装xlsx包npm i xlsx@0.17.0
or
yarn add xlsx@0.17.002.新建一个页面 封装组件<el-button type="warning" size="small" @click="$router.push('/import?type=user')">导入&
Excel 导入导出功能Excel 导入功能vue-template-admin upload 组件解析知名的 Vue 后台管理系统框架 vue-template-admin 内封装了一个 Upload 上传组件,可以使用它来实现导入导出功能。upload.vue:<template>
<div class="uploadExcel">
<input re
转载
2024-04-03 13:58:46
48阅读
如何在NPM上发布自己的第一个vue组件库,是每一名vue前端开发人员必经的进阶之路,本文将结合作者的实践项目,为各位读者详细讲解所有的操作步骤,相信你在阅读本文后,就能立马动手。由于本文的主要目的是讲解如何创建组件库并发布到NPM,因此对于组件的创建会一笔带过。有需要的朋友,也可以直接访问本文实例的GitHub地址:https://github.com/jiangjiaheng/Learn-NP
转载
2024-10-18 11:44:59
83阅读
cat命令功能用于显示整个文件的内容单独使用没有翻页功能因此常常和more命令搭配使用,cat命令还有就是将数个文件合并成一个文件的功能。 more命令功能:让画面在显示满一页时暂停,此时可按空格健继续显示下一个画面,或按Q键停止显示。
less命令功能:less命令的使用方法与more命令类似,也能够用来浏览超过一页的文件。所不同的是less命令除了能够按空格键向下显示文件外,还能
本章节所讲解的内是紧跟上一个章节的内容的,如果你没有阅读上一篇章节的内容或者对本章节的内容比较模糊我建议可以去看看之前的章节内容之后在来看本章节的内容,本章节主要讲解的内容为,less 文件中导入其它 less 文件,就例如我上一章节所封装的小三角代码,其实在很多其它都是要使用到的,为了提高代码的复
原创
2021-08-08 19:16:00
254阅读
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。可以运行在 Node、浏览器和 Rhino 平台上。安装在服务器端最容易的安装方式就是通过 npm (node.js 的包管理器),方法如下:
全局使用less:npm install less -g如果你不在全局使用编译器,那么你可以:
np
转载
2024-04-30 06:40:11
138阅读
文章目录OUTFILE注入实战1. 关卡分析2. 过关斩将2.1 `secure_file_priv`2.2 注入过程load_file的使用SQLmap OUTFILE注入在前面的学习中,我们知道了sql注入中的盲注和双注入是个什么鬼。今天,我门又解锁了一个新的姿势----outfile。那么outfile是干什么的呢? 简单讲就是将一句话木马通过outfile传入网站目录,然后连上去;然后你
Oracle表空间以及导库总结 一、表空间的问题 1.1表空间创建 1.1 自己本机环境的路径:C:\oracle\product\10.2.0\oradata\orclcreate tablespace LTSYSDATA01
datafile 'C:\oracle\product\10.2.0\oradata\orcl\LTSYSDATA01A.DBF' size 1024M
auto
ArthurSlogSLog-9Year·1Guangzhou·ChinaJuly 15th 2018现在的时代 可能青山还在 但你已经没柴烧了 因为漫山遍野都是人开发环境MacOS(High Sierra 10.13.5)课前预习:Less 是一种动态层叠样式表语言,在语法方面,LESS与CSS较为接近,一个合法的CSS代码段本身也是一段合法的LESS代码段。LESS提供变量、嵌套、混合、操作符
转载
2024-08-20 12:01:40
54阅读
最近vue用的越来越勤了,在复习一下vue如何使用less和scss,直接进入主题吧:安装使用less: 1、首先使用npm下载依赖; npm i less less-loader -S 2、修改webpack.base.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加 // 此种方法在控制台中标签样式显示的是style标签样式
{
test:
转载
2024-02-24 00:21:57
593阅读
在vue项目中 使用less,正常 构建好项目以后 这时,会发现有报错,因为项目中没有less loader去解析less 所以我们安装less的依赖包 安装之后 还需要手动在webpack.config文件上,进行配置 配置好以后,重新 npm run dev 就可以正常显示了
原创
2022-07-06 12:05:55
149阅读
实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用) 第一步: 安装 npm i swiper (vue插件自带) 第二步: 在当前页面里引入import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css'; 第三步:当然呐,或许
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。一个库
1.动态组件1.1 动态组件的使用情况在一个页面内需要根据不同的导航栏状态显示不同的内容时候,可以使用vue中的动态组件方式来根据状态显示渲染页面;1.2 实现方式使用template标签的is属性绑定vue中data的一个字段;该字段的值是组件的名字,字段改变,则页面的template便标签is属性改变,页面也随之改变;1.2 代码展示<div id="app">
<d
转载
2024-10-09 22:06:21
105阅读
在vue中引入并使用less时遇到的一些错误及解决方案:1、错误一:错误如下图所示: 因为当前项目版本2.9.6 已经在build/utils里配置了less的处理,所以和之前在build/webpack.base.conf.js中配置的less-loader冲突解决方法: 将冲突的less-loader去掉即可,如下图:2、错误一:错误如下图所示: 此类为题表示缺少相关依赖,根据关键词vue-s
转载
2024-05-03 12:38:07
535阅读
配置几套主题色,通过修改body class来实现,由于我是在组件库中使用的,以下为核心代码switch-theme 子组件<template> <div class="switch-theme"> <el-radio-group v-model="radio" @change="switchTheme"> <el-radio label="">经典</el-radio> <el-radio .
原创
2023-05-10 10:09:37
89阅读
前言为了前端体验更加友好,减缓用户的焦虑情绪,提升项目质量等,我们在项目里面可以使用骨架屏,提前渲染出来一个跟正式页面相似的页面出来,减小首屏加载时间。
在vue中使用骨架屏因为我们的代码会使用webpack打包,所以在我们的js下载运行之前,用户是无法在页面上看到信息,所以,我们要把骨架屏相关的代码放到HTML里面,当然,可以把代码直接写在html文件的1.添加vue-skelet
需求我希望写一个公共结果页面,满足所有模块的结果展示,页面设计要素如下:结果图标type(成功图标,失败图标)标题title(如:提交成功)描述descripton(如:您的工单已提交,请等待管理员审核)内容content(内容不固定,样式不固定,可自定义)操作action(提供默认按钮,可定制返回步数,具备自定义的能力)我希望的结果页面应该是这样的只有一个路由页面,所有人模块跳转到当前页面展示结
文章目录1. 变量2. Mixins3. 嵌套4. @规则的嵌套和冒泡5. 运算符6. 转义7. 函数8. 命名空间和访问器9. Map10. 作用域11. 注释12. import Less(Leaner Style Sheets)是 CSS 可向后兼容的扩展。因为 Less 和 CSS 很像,同时 Less 仅是对 CSS 进行一些便捷性的扩展,所以学习它很容易。 Less 到底为 CSS
转载
2024-05-14 22:37:35
520阅读
CSS的四种引入方式 要说出CSS的引入方式,没有什么难度,但要说到为什么使用不同的引入方式,就有些学问在里面了。CSS的引入方式最常用的有三种:第一:在head部分加入<link rel="stylesheet" type="text/css"
href="my.css"/>引入外部的CSS文件。 这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特