![](https://img-blog.csdnimg.cn/20200605164153381.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
组件 / 方法 / Demo
Vue相关的组件、方法、Demo
杜杜杜俊杰
洪师傅,尝试切他中路看看!
展开
-
elementUI + Vue 实现图片上传且可预览,以base64字符串上传到服务器
想要解决的问题上传图片且可预览(这里只上传单个图片)、不是一上传图片就直接传给服务器,而是随表单提交再一起传到服务器。(这里将图片转成base64以字符串的形式传输给服务器)我的需求需要将图片转成base64字符串的形式,作为请求的一个参数传给后端。后端根据该字段进行图片的存储。后端对图片的处理我这里的后端处理图片的方式是:给图片生成个随机不重复的名字加上.jpg 或.png后缀命名,然后存储到其硬盘上。最后将图片存放的具体位置存到数据库对应表的字段中,如:cover/AEJISJW25原创 2020-06-05 17:59:00 · 2306 阅读 · 0 评论 -
Vue常用示例
##case01过滤器(局部filters:过滤金额)html: <li class="product" v-for="(item, index) in phoneList" :key="index"> <a :href="'/#/product/'+item.id" target="_blank"> <div class="pro-...原创 2020-03-31 16:43:15 · 163 阅读 · 0 评论 -
vue实现 “长按” 与 “点击” 事件互不影响
思路利用时间戳比较,判断touchstart和touchend时分别记录的时间之差。若超出自己设定的时间,则视为长按,反之视为点击原创 2020-03-10 17:03:08 · 713 阅读 · 0 评论 -
Vue项目吸顶(固钉)操作实例
主页.vue要点:vue中不要操作Dom来获取元素,这里用ref属性来替代Dom获取元素。this.$ refs.myswiper.$el :获取标签上标有属性ref='myswiper’的元素this. $ refs.myswiper.$el.offsetHeight :表示该轮播swiper元素的高度document.documentElement.scrollTop: 表示屏幕...原创 2020-03-07 13:07:36 · 2456 阅读 · 0 评论