![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
fairyIer
前端学习ing
非淡泊无以明志,非宁静无以致远。
展开
-
vue 退出编辑页的保存提示,同时解决beforeRouteLeave 和 浏览器的前进后退的闪现冲突(hash模式有此问题,history模式下正常)
export default { data() { return { dataIsChange: 0, // 计数器,据此判断表单是否已编辑 noLeaveprompt: false, // 表单提交后,设置为true,据此判断提交不再弹出离开提示 form: { // 表单数据 menuname: '', // 菜单名称 cmark: '', // 描述 imagename: '', // 菜单图标 .转载 2021-05-26 15:17:40 · 859 阅读 · 3 评论 -
解决router-link在ie下不跳转
在IE11浏览器中,router-link的跳转是失效的,主要是因为当url的hash变化的时候,浏览器没有做出相应的反应。这时候需要做一个兼容处理,当浏览器是IE11时手动给url加一个hashChange事件。解决,在vue项目的main.js里面加上这段:if ( '-ms-scroll-limit' in document.documentElement.style &...原创 2020-01-03 11:59:57 · 2009 阅读 · 0 评论 -
el-table 根据屏幕大小动态设置max-height来自适应表格的最大高度出现滚动条
根据element-ui的文档,max-height的合法的值为数字或者单位为 px 的高度。无法识别响应式的css,如:max-height:calc(100vh - 40px)//或者max-height:calc(100% - 40px)受网友启发,实现思路:通过js计算表格的最大高度,然后将高度数值传给el-table的max-height属性,上代码:html:...原创 2019-08-20 16:53:11 · 31773 阅读 · 21 评论 -
element ui在table中放入input且实现验证
<template> <div class="app-container" style="overflow: auto;"> <el-table :data="list" size="small" element-loading-text="Loading" border highlight-c...转载 2019-08-06 13:36:57 · 1356 阅读 · 2 评论 -
vue-quill-editor回显不显示空格和缩进的解决方案
只需要加上class="ql-editor"就行了<p class="ql-editor" v-html="content"></p>参考下文:感谢博主:https://blog.csdn.net/SkelleBest/article/details/85020842原创 2019-05-30 11:45:01 · 6754 阅读 · 0 评论 -
使用vux实现上拉刷新功能遇到的坑
1.问题:只刷新一次,解决方法:需要自己手动重置状态this.scrollerStatus.pullupStatus = ‘default'2.问题:不能滚动,解决方法:因为启用keep-alive缓存,需要设置activated () { this.$refs.scroller.reset()}如果还没效果,请在获取后台数据后,执行如下代码this.$nxtTick...转载 2018-10-09 14:31:28 · 969 阅读 · 1 评论 -
基于vue移动端UI框架
优秀的基于VUE移动端UI框架合集 1. vonic&amp;amp;nbsp;一个基于&amp;amp;nbsp;vue.js&amp;amp;nbsp;和&amp;amp;nbsp;ionic&amp;amp;nbsp;样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k中文文档&amp;amp;nbsp;在线预览2.vux&a原创 2018-09-20 13:44:11 · 1547 阅读 · 0 评论 -
VUE+Webpack 实现懒加载的三种方式
转自:https://blog.csdn.net/qq_37540004/article/details/78727063第一种 引入方式 就是正常的路由引入方式 const router = new Router({ routes: [ { path: '/hyh', component: hyh, name: 'hy...转载 2018-08-06 14:45:10 · 478 阅读 · 0 评论 -
element-ui隐藏组件el-scrollbar的使用
看到element-ui官网页面上明明有漂亮的滚动条,却在文档中找不到这个插件,可是好想用啊,终于,看到了一个贴讲这个的,受到启发,我精简了下样式,用法如下:<div class="zy-main"> <el-scrollbar> <!--以下是要滚动的内容--> <div> ...原创 2018-07-10 18:28:27 · 12374 阅读 · 2 评论 -
VUE+Webpack 实现懒加载的三种方式
转自:https://blog.csdn.net/qq_37540004/article/details/78727063第一种 引入方式 就是正常的路由引入方式const router = new Router({ routes: [ { path: '/hyh', component: hyh, name...转载 2018-06-01 11:56:28 · 2791 阅读 · 0 评论 -
vue项目使用umeditor报错Ueditor Cannot set property 'innerHTML' of undefined
网上有很多关于vue项目结合百度富文本使用的例子,比如这篇:https://www.cnblogs.com/dmcl/p/7152711.html获取编辑器内容方法: methods: { getUEContent() { // 获取内容方法 return this.editor.getContent() } },因为我还加了watch,旨在页面从加...原创 2018-06-13 16:50:22 · 6367 阅读 · 0 评论 -
vue 的.vue文件中写局部sass报错 Invalid CSS after ".sass{": expected "}", was "{"
我项目的报错信息如下:error in ./src/component/tree/sortable.vueModule build failed: .hello { ^ Invalid CSS after ".hello {": expected "}", was "{" in D:\test\element2.0\learning3.0\src\compo...原创 2018-02-26 16:49:57 · 12016 阅读 · 1 评论 -
vue中如何动态的绑定图片,vue中通过data返回图片路径
在项目中遇到需要动态的改变图片路径,图片路径并非是从后台获取过来的数据。因此在data中必须用require加载,否则会当成字符串来处理。转载 2017-04-27 11:28:37 · 18917 阅读 · 0 评论 -
v-cloak 解决引用vue.js的页面加载时闪现{{}}
这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。转载 2017-09-15 10:42:39 · 1377 阅读 · 0 评论 -
vue上传图片组件编写
点击打开源码 https://github.com/317482454/vue_upload编写一个vue上传图片组件:1.首先得有一个[type=file]文件标签并且隐藏,changge事件来获取图片:[javascript] view plain copy "fileChange($event)" type="file"转载 2017-07-27 14:59:19 · 1743 阅读 · 1 评论