logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui中el-upload多文件一次性上传

项目需求是多个文件上传,在一次请求中完成,而ElementUI的上传组件是每个文件发一次上传请求,因此我们借助FormData的格式向后台传文件组html代码:<div class="upload-file"><el-uploadaccept=".xlsx"ref="upload"multiple:limit="5...

vue后台中实现点击按钮,将文本内容复制到剪贴板

vue使用element-ui项目中实现点击按钮复制文本内容到剪贴板html代码:<el-button:disabled="!allData.getDataDicUsing.allowEdit"@click="copyTemplate(scope.$index, scope.row)"size="mini"type="text">复制</el...

vue实现呼吸轮播图淡入淡出效果

不多说,直接上代码<template><div class="hj-carousel" @mouseenter="stop" @mouseleave="go"><transition-group name="list" tag="ul" ref="container"><li v-for="(item, index) in ...

vue中slot插槽理解,2.6版本新用法

**slot 插槽 ,是用在组件中,向组件分发内容。**它的内容可以包含任何模板代码,包括HTML。vue 在 2.6.0 中,具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍有用的特性。但是将会在vue 3 中,被废弃的这两个,不会被支持即无效。在 2.6.0之前,插槽的用法:1. 匿名...

vue中使用lodash.js

lodash是一个广受欢迎的js工具库,其中包含了各种各样的工具函数,方便开发时不需要反复造轮子,更关注于业务,lodash中文文档下载lodashcnpm i lodash -S引用,以节流throttle为例import throttle from 'lodash/throttle' // 局部引用import _ from "lodash" // 全局引用,下方的throttle...

vue-cli3实现移动端自适应

1、安装 flexible和 postcss-px2rem(命令行安装)npm i ib-flexible --savenpm i postcss-px2rem --saveflexible会为页面根据屏幕自动添加标签,动态控制initial-scale,maximum-scale,minimum-scale等属性的值。例如在Galaxy S III:例如在iphone6/7/8:...

vue项目中在可编辑div光标位置插入内容

html:<div class="mouse-move fl f12 h22 lh22 mg-r5 sms-item"@dragstart="dragStart($event, item.labelName)"draggable='true'v-for="(item, index) in modelCommonList":key="index"...

vue项目在ie、360兼容模式页面显示空白问题

vue项目中,出现在ie与360兼容模式下打开页面呈现空白问题,如下:控制台报main.js中语法错误~上网搜了一下,大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建,并未使用vue-cli脚手架,引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。原因在...

Vue中关于[__ob__:Observer]数据问题

【ob: Observer】=>这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。操作数据的过程中不要删除这些属性:因为你已经将数据绑定在了vue之中,vue就肯定要为数据添加监控器的,如果你强制删掉了这些监控器,那么这些数据也就失去了监控,那么你使用vue的意义何在……提交数据时可以通过:JSON.parse(JSON.stringify(…))得到深拷贝的原始...

vue首屏性能优化,解决页面加载时间过长(白屏)方法

vuecli做了个spa项目,大概有几十个个路由直接 npm run build打包出来,有一个 1M的巨大 js文件,导致首页白屏时间过长分析工具vuecli 2.x自带了分析工具,只要运行 npm run build --report如果是 vuecli 3的话,先安装插件cnpm intall webpack-bundle-analyzer -–save-dev然后新建vue....

    共 14 条
  • 1
  • 2
  • 请选择