vue
寒墨茗殇
人生若只如初见,何事秋风悲画扇
展开
-
vue通过draggable实现拖拽功能
【代码】vue通过draggable实现拖拽功能。原创 2023-09-02 00:00:00 · 1967 阅读 · 0 评论 -
vue动态挂载组件
vue动态挂载组件原创 2022-12-01 12:00:00 · 1497 阅读 · 0 评论 -
input空格回车输入标签
input空格回车输入标签。原创 2022-11-22 21:36:15 · 976 阅读 · 0 评论 -
elementUi表单滚动到错误提示位置,删除选择标签
当elementUi使用form表单验证时,验证不通过就会出现错误提示,表单过长错误不能明确知道具体错误在哪里,因此需要滚动到错误提示的地方。删除选择标签原创 2022-11-01 01:00:00 · 750 阅读 · 0 评论 -
vue 自定义指令
vue 自定义指令,及按钮原创 2022-07-25 14:37:39 · 4607 阅读 · 0 评论 -
vue cdn引入第三方依赖
vue cdn引入依赖:原创 2022-07-25 10:35:13 · 481 阅读 · 0 评论 -
uniapp 实现全局拦截路由
uniapp 实现全局拦截路由原创 2022-07-12 18:16:19 · 4518 阅读 · 3 评论 -
vue创建多入口,多模板的项目
vue创建多入口,多模板的项目原创 2022-06-29 16:17:42 · 415 阅读 · 0 评论 -
vue打包时,将打包文件放到上级目录
vue打包时,将打包文件放到上级目录原创 2022-06-08 10:32:52 · 454 阅读 · 0 评论 -
uglifyjs-webpack-plugin 清除项目console,设置配置文件,vue打包css,js加版本号
清除项目console,配置使用 .env 文件控制项目环境,vue 解决每次发版后要清理浏览器缓存(css,js加版本号);standard-version和commitizen混合配置可以实现动化 项目版本控制原创 2022-06-01 10:12:48 · 1725 阅读 · 0 评论 -
纯js 实现图片压缩,并返回file图片信息
压缩方法: /* *file:文件的file *obj配置 {quality:0.2}压缩比例 *callback 回调 */ compressImg(file, obj, callback) { let _this = this; var ready = new FileReader(); /*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属.原创 2022-05-26 11:41:39 · 879 阅读 · 0 评论 -
VueRouter解决重复点击导航路由报错,Router路由跳转错误
push方法:const originalPush = VueRouter.prototype.push// 修改 原型对象中的push方法VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err=>err)}replace方法:const originalReplace = VueRouter.prototype.r..原创 2022-05-19 09:24:15 · 511 阅读 · 0 评论 -
Elementui蓝色阴影边框相关问题的解决方案
Tabs标签页出现蓝色阴影边框解决方案.el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none;}el-button-radio出现蓝色阴影边框解决方案.el-radio-button:focus:not(.is-focus):not(:active):not(.is-di原创 2022-05-19 09:12:27 · 1405 阅读 · 0 评论 -
【element】el-date-picker限制只可以选择前后一个月时间,只能选择今年的时间,大于今天的不可选(或 只能选择当前时间的前三个月的和当前之前的)
控制选择开始时间后、结束时间只能前后一个月,整体选择时间必须大于等于今年上代码:<template> <el-date-picker v-model="valueDate" type="daterange" :picker-options="pickerOptions" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" align="right...原创 2022-05-19 08:43:57 · 7862 阅读 · 9 评论 -
vue实现列表倒计时
代码:<template><div> <div v-for="(item,index) in listDao" :key="index"> {{getDaoTime(index,'time','time_dao')}} </div></div></template>export default { data() { return { listDao:[..原创 2022-05-18 10:30:38 · 1465 阅读 · 0 评论 -
vue 全局动态修改title、keywords、description;vue常用挂载的方法,自定义指令;
const install=(Vue,router)=>{ // 跨页面传值 //this.$HWBUS.$on('fn',res=>{ // console.log(res) // })//监听 // this.$HWBUS.$emit('fn',999)//传值 Vue.prototype.$HWBUS=new Vue() // 打印操作 // html:需要打印页面的html代码,样式必须行内 // ..原创 2022-04-15 13:54:44 · 4929 阅读 · 0 评论 -
js在线预览office文件的示例代码
方法一:用微软的office online进行在线预览https://view.officeapps.live.com/op/view.aspx?src=文件地址只能查看'doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'类型方法二:用docx云服务的在线预览,用法跟微软差不多,可以实现图片http://view.xdocin.com/xdoc?_xdoc=文件地址具体文档window.open("", "newwin",`http..原创 2022-04-15 13:29:04 · 2250 阅读 · 0 评论