Vue
翼晗
前端摸鱼6年多
展开
-
vue3 + router-view + keepalive parentComponent.ctx.deactivate is not a function
vue3中keepAlive的用法与vue2中存在区别vue3中的用法<router-view v-slot="{ Component }"> <transition> <keep-alive> <component :is="Component" /> </keep-alive> </transition></router-view>如果使用下面的v-if切换,请给transi原创 2022-03-25 15:00:54 · 1160 阅读 · 0 评论 -
vue + scss,文本超过多行需要省略号,不起作用
正常设置超过多行,显示省略号(仅部分浏览器支持)overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;结果这样设置了,在vue+scss中不起作用,原因是,在scss编译的过程中,会去掉 -webkit-box-orient: vertical;的属性,需要在代码中添加 word-wrap: break-word; wo原创 2021-11-12 10:10:23 · 1499 阅读 · 1 评论 -
electron + vue
初学electron,尝试使用electron-vue按照文档开始创建electron + vue项目,文档链接npm install -g vue-clivue init simulatedgreg/electron-vue my-projectcd my-projectnpm install注意:这一步事件比较长,而且会出现问题,我在这一步就出现问题了,安装成功后无法启动npm...原创 2019-12-27 11:01:49 · 513 阅读 · 0 评论 -
前端js下载文件.txt,图片,.doc等
插件FileSaver.js除了这个插件外还有download, downloadjs,这两个插件使用起来都有bug,暂时不推荐npm install file-saverimport {saveAs} from 'file-saver'saveAs(Blob/File/Url, filename, type(可省略))纯jsgetBlob(url) { ...原创 2019-10-24 11:34:31 · 991 阅读 · 1 评论 -
perfect-scrollbar,Vue中的滚动触发组件
最近发现这个插件用的比较多,自己记录下,以便自己查阅;基本的使用方法$ npm install perfect-scrollbar然后在页面引用import PerfectScrollbar from 'perfect-scrollbar';获取dom节点,初始化scrollbarconst container = document.querySelector('#containe...原创 2019-03-12 08:50:04 · 4251 阅读 · 1 评论 -
Vue报错——did you register the component correctly? For recursive components, make sure to provide the
最近改别人代码,引入模块报错,Vue报错——did you register the component correctly? For recursive components, make sure to provide the好多朋友说:注册组件时报的错,原因是组件名称不能用大写<div id="app"> <my-Com></my-Com>...原创 2019-03-25 11:25:55 · 122710 阅读 · 24 评论 -
vue + iview的render添加ref属性
vue + iview的render添加ref属性render: (h, params) => { let create = this.$createElement let dom = create('div', { ref: params...原创 2019-07-19 13:38:44 · 5219 阅读 · 0 评论 -
vue中的.capture和.self区分,初步理解
capture和self主要是函数执行顺序的问题.capture先执行父级的函数,再执行子级的触发函数<div v-on:click.capture='alert("1")' style="width: 100%;height: 45px;background-color: black;"> <div v-on:click="alert('2'...原创 2018-05-27 14:01:15 · 10004 阅读 · 5 评论 -
ivew定制主题 less ^3.0 时报错 .bezierEasingMixin(); Inline JavaScript is not enabled. Is it set in your op.
iview 升级至3.0以上后,npm run dev报错.bezierEasingMixin(); Inline JavaScript is not enabled.查阅好多,大致两种方法第一种:将less版本将至2.7.3第二种:找到less-loader,在配置项添加options.javascriptEnabled = truefunction lessLoader(sourc...原创 2019-07-30 14:20:29 · 853 阅读 · 0 评论