vue共13篇
vue.draggable可拖动组件使用方法-辰漪博客 - 专注于免费资源与技术分享的网站

vue.draggable可拖动组件使用方法

安装方式npm install -S vuedraggable全局组件注册import Vue from 'vue'; import Draggable from 'vuedraggable' Vue.component('Draggable', Draggable)局部组件注册<script> import Dr...
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
0247
el-select下拉树的实现-辰漪博客 - 专注于免费资源与技术分享的网站

el-select下拉树的实现

el-select实现下拉树// template<el-select ref="el-select-ref" v-model="form.pid" @change="selectChange" @visible-change="showSelectTree" @...
el-cascader选择任意一级搭配懒加载使用,单选框radio不会触发懒加载-辰漪博客 - 专注于免费资源与技术分享的网站

el-cascader选择任意一级搭配懒加载使用,单选框radio不会触发懒加载

1. 问题如图单选按钮点击后,没有进行懒加载,直接显示空数据2. 解决给el-cascader绑定change事件,手动调用lazyLoad方法<!-- 选择文件夹 --> <el-dialog title="选择文件夹"...
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
1297
后端数据大数字精度缺失问题-辰漪博客 - 专注于免费资源与技术分享的网站

后端数据大数字精度缺失问题

1. 使用json-bigintnpm i json-bigint2. 如何使用import axios from 'axios' import jsonBig from 'json-bigint' // create an axios instance const service = axios.create({ baseURL: proces...
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
03913
el-input type=

el-input type=”number” 去掉上下箭头

先来看一下原图,会有一个上下箭头::v-deep input { &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance: none !important; } }去掉之后
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
02514
如何在vue中优雅的使用svg-辰漪博客 - 专注于免费资源与技术分享的网站

如何在vue中优雅的使用svg

1. svg-sprite-loadernpm install svg-sprite-loader --save2. 在src中新建文件夹iconsicons/svg 存放svg图标icons/index.js 全局注册svg组件,导入所有svg图标// icons/index.js import Vue fr...
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
13611
el-upload自定义触发按钮及触发上传前判断-辰漪博客 - 专注于免费资源与技术分享的网站

el-upload自定义触发按钮及触发上传前判断

1. 在页面中引用el-upload组件<!-- 自定义按钮div --> <div v-if="routerList.length !== 1" class="action upload" :class="{action_upload_radius: router...
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
34412
移动端适配(rem)-辰漪博客 - 专注于免费资源与技术分享的网站

移动端适配(rem)

1. postcss-pxtorem该插件可以将项目中的px值转化为rem,注意:行内样式不会转化npm install postcss-pxtorem -D在项目根目录创建文件 .postcssrc.js 或 postcss.config.js// postcss.config.js...
admin的头像-辰漪博客 - 专注于免费资源与技术分享的网站admin4年前
02214
使用require.context()函数实现自动化导入-辰漪博客 - 专注于免费资源与技术分享的网站

使用require.context()函数实现自动化导入

require.context()该函数接收三个参数directory {String} -读取文件的路径useSubdirectories {Boolean} -是否遍历文件的子目录regExp {RegExp} -匹配文件的正则该函数执行后会返回一个函数,包...
封装localStorage本地存储-辰漪博客 - 专注于免费资源与技术分享的网站

封装localStorage本地存储

封装本地存储是为了更好更方便的实现本地存储,简洁明了实现本地存储的步骤1. 首先创建枚举列表,用来记录本地存储的键,可以清楚地知道,你本地都存了啥// storageEnum枚举列表 const storageE...