摘要:
最近开发使用el-tree树形控件时,遇到不少问题,而且问题都是比较常用到的,这里记录一下,仅供参考。 树形页面如下: 代码如下: <el-tree ref="tree" :load="loadNode" :props="props" node-key="id" :show-checkbox="fa 阅读全文
摘要:
基本需求: 对上传图片有大小、比例的要求,在上传之前可以进行裁剪 先上传到本地,再上传至服务器,要求bsae64格式 剪裁效果图如下: vue-cropper的使用 安装 npm install vue-cropper --save 在main.js中引入 import VueCropper fro 阅读全文
摘要:
前言 在团队开发中,我们常常无法保证所有成员都会使用同一种编辑器。为了保证项目代码格式的统一,我们就可以用editorconfig来统一管理。 editorconfig的作用 EditorConfig项目包含一个用于定义编码样式的文件格式和一个文本编辑器插件集合,这些文本编辑器插件使编辑器可以读取文 阅读全文
摘要:
使用vue-i18n插件来实现vue项目中的国际化功能 vue-i18n安装 npm install vue-i18n 全局使用 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const messages 阅读全文
摘要:
使用插件vue-clipboard2来实现一键复制功能 一、安装vue-clipboard2插件 nom install vue-clipboard2 二、在main.js中引入vue-clipboard2 import VueClipboard from 'vue-clipboard2' VueC 阅读全文
摘要:
文件上传分为两步:一、获取文件内容 二、请求接口,将内容放在 body 中发送给后端 一、获取文件内容 上传页面如下 <input type="file" @change="fileChange"> 进度:<span id="progress"></span> js代码:读取当前上传的文件内容用于展 阅读全文
摘要:
.sync修饰符的作用 Vue中的数据是单向数据流:父级 prop 的更新会向下流动到子组件中,但是反过来则不行,即子组件无法直接修改父组件中的数据。 但我们常常会遇到需要在子组件中修改父组件数据的场景。.sync修饰符就可以帮助我们实现这种功能。 不使用.sync修饰符的写法 父组件代码: <bi 阅读全文
摘要:
vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 今天介绍一种导航守卫:全局前置守卫beforeEach 注册方式: const router = new Router({ ... }) router.beforeEach((to, from, next) => { }) 当 阅读全文
摘要:
在日常开发中,我们在看js代码时,经常会看到(...)这样的符号。这里介绍一下它的含义和作用。 定义: 扩展运算符(...)是ES6的语法,用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中。 基本用法 let person = {name: "Amy", age: 15} let someo 阅读全文
摘要:
CSS预处理器 CSS 预处理器定义了一种新的语言,其基本思想是:用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。 通俗的说,CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用 阅读全文