vue
文章平均质量分 51
Alice9969
越努力,越幸运 / 勤能补拙
展开
-
解决uniapp手机浏览器视频封面不显示问题
转载于:https://www.jianshu.com/p/630832d0dd96作者:小凖链接:https://www.jianshu.com/p/630832d0dd96作者思路:视频加载好自动播放,自动播放后立即停止播放,页面停止,达到显示封面的效果。代码分析:<video id="myVideo" :autoplay="true" -- 自动播放,必需 :src="videoUrl" :controls="true" --.转载 2021-07-21 10:35:50 · 2693 阅读 · 1 评论 -
uniapp 地图Map组件
需求:在地图上标注用户当前位置,并显示位置信息。设计图:思路:uniapp 地图组件mapAPI地址:https://uniapp.dcloud.io/component/map注意官方的话,很重要:地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者。地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者。地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者。啥意思呢 ?就是地图组件只是负责展示地图,不负责获取坐标,要额外去获取坐标和地理位置。转载 2021-03-04 22:59:09 · 3568 阅读 · 1 评论 -
vue 鉴权
转载:https://www.cnblogs.com/gerry2019/p/11045555.html转载 2020-10-27 23:07:26 · 418 阅读 · 0 评论 -
Vue I18n 使用方法
官方地址:http://kazupon.github.io/vue-i18n/zh/started.html#javascript官方代码:HTML<div id="app"> <p> {{ $t("message.hello") }} </p></div>JavaScript(main.js)(到时候会使用一个language.js 文件把messsages独立出来)// 如果使用模块系统 (例如..转载 2020-07-26 11:54:09 · 349 阅读 · 0 评论 -
echarts 无数据时提示文字
需求:要求图表没有数据时,文字提示“暂无数据”思路:使用echarts的title做提示,通过有无数据,设置title的show属性为true / falseecharts 设置 title的API:https://echarts.apache.org/zh/option.html#title效果图:①没数据时显示文字“暂无数据”②有数据时:代码:// 这里判断后端有无值,设置是否显示titlelet showed = this.list...转载 2020-07-25 15:49:16 · 6587 阅读 · 2 评论 -
Vue.nextTick 的用法
官方API:https://cn.vuejs.org/v2/api/#Vue-nextTick在下次dom更新结束后执行的回调函数,获取更新后的dom;在下次dom更新结束后执行的回调函数,获取更新后的dom;在下次dom更新结束后执行的回调函数,获取更新后的dom;使用方法:this.$nextTick( () => {} )...转载 2020-07-25 15:22:05 · 138 阅读 · 0 评论 -
Vuex 笔记
官方学习链接:https://vuex.vuejs.org/zh/项目结构:https://vuex.vuejs.org/zh/guide/structure.html├── index.html├── main.js├── api│ └── ... # 抽取出API请求├── components│ ├── App.vue│ └── ...└── store ├── index.js # 我们组装模块并导出 store 的地方 .转载 2020-07-20 22:48:07 · 116 阅读 · 0 评论 -
Element-ui项目搭建
参考地址:https://www.cnblogs.com/chwen1014/p/11249493.html1.初始化项目vue init webpack projectName2.打开Element-ui官方网站,根据提示操作:npm i element-ui -S...转载 2020-01-06 11:20:59 · 167 阅读 · 0 评论 -
vue 获取验证码倒计时
思路:点击“获取验证码”,向后台请求成功,按钮不可点击,时间倒计时;HTML:<Button @click="getCodeFun" :disabled="disabled" > <template v-if="sending"> 获取验证码 ...原创 2018-08-16 12:04:48 · 3909 阅读 · 1 评论 -
vueJs全选功能
思路:通过多选框的true 或者false,判断这条订单是否被选中。多选框的的选中与否自带true false,不用向后台数据额外插入字段来判断是否被选中。HTML:<ul> <li v-for="item in dataList" :key="item.id" > <div c...原创 2018-08-14 10:02:27 · 758 阅读 · 0 评论 -
mint ui-Infinite scroll无限加载阻止阻止多次加载问题
html: <ul v-infinite-scroll="loadData" //加载调取的方法 infinite-scroll-disabled="loading" //是否加载 infinite-scroll-distance="10" ...原创 2018-08-10 15:18:08 · 3579 阅读 · 0 评论 -
vue 时间戳过滤器
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>study</title></head><body> <div id="app">原创 2018-06-13 17:48:50 · 1224 阅读 · 0 评论 -
vue实现点击选中,其他的不选中
html> charset="UTF-8"> name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> http-equiv="X-UA-Compatible" con原创 2018-01-03 17:41:46 · 9022 阅读 · 0 评论 -
vue 合计功能
html> charset="UTF-8"> name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> http-equiv="X-UA-Compatible" con原创 2017-12-27 22:57:08 · 4131 阅读 · 1 评论