![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
清晏23
越努力,越平静
展开
-
vue自定义指令之图片加载失败
说到图片加载失败,我们都会想到这样处理<img src="/img/covers.png" alt="封面" onerror="javascript:this.src='/img/default.png'">这样处理没问题,但如果放到项目中,几十上百个页面,一个一个加,就太重复了;而且还有个问题,如果图片很大,加载时间过长,也会严重影响用户体验,所以,这里需要同时解决两个问题:1、在图片加载出来之前,给一个默认图片2、图片加载失败,用默认图片来代替回到代码层面,..原创 2020-09-23 18:19:06 · 947 阅读 · 0 评论 -
vue通过腾讯Web(H5)播放器 ,实现直播点播
官档:https://cloud.tencent.com/document/product/454/7503index.html 引入<script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.2.js" charset="utf-8"></script>;不管直播点播,页面都是这个容器<div id="tcplayer"></div>直播..原创 2020-09-04 18:06:33 · 2229 阅读 · 1 评论 -
vue 读取 txt
项目中难免会碰到要显示各种协议, 像这样这时,产品会给你发一个word 文档,通常都有好几页面,这样大篇幅的文本,直接复制到页面就不合适了,再加上还要处理换行,费时费力,能够直接直接获取word内容,展示到页面最好不过,由于获取word乱码,这里暂用txt文本代替export default { date(){ return { agreement:{ user:"", pri.原创 2020-09-03 14:58:08 · 6288 阅读 · 1 评论 -
Vue 常用插件
1、选择地区(省市区三级联动):vue-area-linkage(推荐)、element-china-area-dataA、vue-area-linkage 文档:https://www.npmjs.com/package/vue-area-linkagenpm i vue-area-linkage area-data -Smain.js 配置import VueAreaLinkage from 'vue-area-linkage' import 'vue-are...原创 2020-09-03 10:07:50 · 337 阅读 · 0 评论 -
Vue 腾讯云视频上传
接上一篇,这里的后台项目,视频上传到腾讯云以后,生成的地址用来给IOS、安卓调用显示。引入 SDK , 安装vod-js-sdk-v6npm i vod-js-sdk-v6 -S会多处调用,在 main.js 将 TcVod 设置成全局对象import TcVod from 'vod-js-sdk-v6'Vue.prototype.$TcVod = TcVod用Element-ui 的上传组件<el-form-item label="活动介绍视频" prop...原创 2020-09-02 18:09:23 · 891 阅读 · 0 评论 -
Vue 腾讯云图片上传
最近在开发直播方面的产品,播放音频、视频、上传图片、视频、直播会做的比较多,这里做个记录分享分享! 这个是后台项目,本地图片上传到腾讯云以后,生成的地址用来给IOS、安卓 调用显示。安装配置:安装cos-js-sdk-v5npm i cos-js-sdk-v5 -S具体可参考官档:https://cloud.tencent.com/document/product/436/31954<el-form-item label="封面图" prop="cover...原创 2020-09-02 17:55:40 · 1585 阅读 · 0 评论 -
车商通SCRM 10.0全新上线
一晃已是7月,自从1月入职车商通(驱动新媒体),两个人的开发组,就马上投入了车商通SCRM系统(4S店客户关系系统)的开发。系统原来是用Angular.js架构的,前后五个月,以每周至少四天加班的姿态,一个个接口请求,一个个功能模块,从老系统抠出来,再开发新的页面,我们像是种下一颗种子,每天灌溉施肥,今天,终于长出了果实,10.0版本终于上线了,更详尽介绍>>以下...原创 2019-07-12 14:26:47 · 190 阅读 · 0 评论 -
Vue 手风琴 和 $set
最近,在开发项目的时候,要做一个手风琴,要求能**同时展开多个面板**,喏,也就是Element-ui 折叠面板这个型的:但需求是加了更改排序的功能,如下图,表现上自然不同了,先前提到的Element-ui折叠面板,满足不了,只能 DIY 一个。接着,啪叽一顿代码下来,大体如下。这里的方法是:给已有的数据对象添加新的属性。[color=#ff4753]*[/color]注...原创 2019-06-28 11:24:29 · 468 阅读 · 0 评论 -
Vue 组件通信
Vue 组件通信这块,其实在先前的文章《vue 组件传值》中就已经提过,总结了常用的五种方法:props、ref、emit、路由、vuex。 这里,考虑到实际项目中的开发需要,略加补充,一起探讨学习下!provide + inject (官档)provide / inject 是Vue.js 2.2.0 新增的 API,一种无依赖的组件通信方法。官档说明:这对选项需要...原创 2019-06-28 11:20:29 · 131 阅读 · 0 评论 -
Vue 开发插件
所谓插件,其实就是一个在全局声明的组件,这里,我们集中封装,全局引入,从而便于管理,也能有效地提升开发效率和加载性能。 方法就是:将这个插件的逻辑封装成一个对象,最后将install编写业务代码暴露给Vue对象,也就是,要公开一个install方法([开发插件官方文档](https://cn.vuejs.org/v2/guide/plugins.html))。这里,以接口请求文档为例,...原创 2019-06-28 11:11:40 · 638 阅读 · 0 评论 -
小程序 - 取值传参
1.单向绑定分三种情况:第一种,直接在A.js 取变量值<!--A.wxml--><view> <text wx:for="{{city}}" wx:key="index">{{item}}</text></view><!--A.js-->Page({ data: {原创 2018-07-26 19:52:45 · 1490 阅读 · 0 评论 -
当 vue 遇上 小程序 (2)
2.1、切换与冒泡 显示隐藏:Vue.js,用 v-show;小程序反着来,用hidden;两者都可以 if: v-if || wx:if ; 冒泡控制:Vue.js,用 @click.stop ,小程序,用 catchtap; 取消默认事件:vue.js 用 prevent,小程序不支持跳转外链 <a href.prevent="http://www.baidu....原创 2018-07-30 17:01:08 · 239 阅读 · 0 评论 -
当 vue 遇上 小程序 (1)
第一次看小程序代码,就有种哪里见过的感觉,页面标签:<view>、<text>;像 React Native,数据绑定:<text wx:for="{{city}}" data-index="{{index}}" wx:key="index">{{item}}</text>,像Vue.js,走出来,怎么看都像个混各种血统的小孩。时至今原创 2018-07-27 18:06:55 · 651 阅读 · 0 评论 -
Vue.js 换肤
思路: Less / Sass / Stylus ,定义多种皮肤对应的方法,点击皮肤颜色,切换最外层 div#app 的 class,来实现换肤。App.vue <template> <div id="app" :class="currentSkin"> <h1>title</h1> <div class=&quo原创 2018-09-25 11:21:26 · 476 阅读 · 0 评论 -
Vue 页面刷新,状态数据丢失问题
在开发过程中发现,Vuex 状态值存在页面刷新,数据丢失情况。具体:在登陆页成功登陆,将用户信息保存到 Vuex,跳转至首页,首页显示用户信息,再刷新首页,vuex中保存的数据会丢失! 原因:store里的数据是保存在运行内存中的,当刷新页面,以前的内存被释放,重新加载脚本,store里面的数据就会被重新赋值。解决方法:将state里的数据保存一份到本地存储。在登陆页面传数据 ...原创 2018-11-07 15:47:20 · 9255 阅读 · 2 评论 -
Vue + express + mysql 实现登陆页
这是接触express 尝试的第一个项目。利用 express 和 mysql 来编写数据存储的后端api,来读取和存储数据库里存的用户信息。要注意的问题:· 解决跨域 · axios 的配置· Vue 页面刷新,状态数据丢失问题(解决方案) 项目 Github 地址 >> ...原创 2018-11-07 15:43:26 · 1441 阅读 · 0 评论 -
即刻 mpvue 小程序
随着微信小程序的火爆,抖音、百度、支付宝、今日头条等公司,也都先后地推出了自己的小程序平台!自然,后面会跟着一大票喊着“我们也要做小程序”的公司,也想试试手里的黄牛票,能否登上这班客船!相应的,小程序相关的前端框架,也如雨后春笋般冒出来,如: wepy 、 mpvue、taro,从转换角度来看,将现有Vue / React构建的组件和系统,利用这个通道,丝般柔滑地转化成小程序,省心省力,倒是...原创 2020-09-03 10:13:27 · 110 阅读 · 0 评论 -
vue组件按需加载
最近,公司的 SCRM 系统开发临近收尾,在扫尾的时候,发现个别页面加载巨慢,甚至出现卡顿!起初还以为是公共组件的问题,但逐一排查,发现完全没有发现!组件明明做得像德芙一样,哪用都丝般柔滑嘛! 折腾半宿,才想起来,问题该是出在路由上。因为项目上线时间紧,是三人共同开发的,在页面开发前,其中一个同事已经把路由加好了,所谓加好了,是这么个样子:问题找到了,解决方案,也正是今天想...转载 2019-06-28 11:09:11 · 2740 阅读 · 0 评论 -
vue 组件传值
vue 组件传值,总结起来,有五种方法。第一种:props,父页面给模板页传值,页面加载后就会执行。父页面:<!--App.vue--><template> <div id="app"> <Shop :sub="city"/> <!-- 可传多个值:<Shop :sub="[原创 2018-07-25 19:20:45 · 1294 阅读 · 0 评论