vue
文章平均质量分 51
秋宁去吃饭
这个作者很懒,什么都没留下…
展开
-
uniapp的uni.setStorage存储数组对象
uniapp的uni.setStorage存储数组对象前言:由于业务需求和自身对代码的要求,所以,提出本地存储不为单一字符串,而是对象存储。提示:本文章仅供参考,有不足之处不吝赐教。欢迎留言探讨原理:在uniapp API说明下,进行对键值对代码存储的优化单一key值,存储一个JSON.stringify 序列化的对象(简称:json对象)常规写法://存储字符串uni.setStorage({ 'storage_key_AA': 'aa' });uni.setStorage({ 'sto原创 2021-02-23 17:41:25 · 18394 阅读 · 0 评论 -
webstorm和git安装后,terminal输入git命令,提示‘git‘ 不是内部或外部命令
webstorm和git安装后,terminal输入git命令,提示’git’ 不是内部或外部命令最近换了工作,拿到电脑重新搭建编程环境,踩了好多git和sourcetree的坑,就是一直拉不下来代码,晕·~~经过几天的爬坑,终于可以拉取推送代码了!!!问题:webstorm和git都安装完成,git命令在git bach中执行正常,但是在webstorm终端控制台中,输入git命令,一直报错...转载 2021-02-10 15:27:52 · 501 阅读 · 0 评论 -
uni-app 物理返回键、右滑操作跳转到 指定页面
一、需求:uni-app物理返回键需跳转指定页面,而不是上一页。二、相关文档:uni-app页面生命周期uni-app支持如下页面生命周期函数:函数名 说明 平台差异说明 最低版本 onBackPress 监听页面返回,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示来源是左上角返回按钮或 android 返回键;navigateBack表示来源是 uni.navigateBack ;...原创 2021-01-06 16:27:04 · 3575 阅读 · 0 评论 -
function(event)中的event详解
一、function(event)中的event是什么?event对象是个形式参数,代表事件的状态;比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。关于event对象在触发的事件的函数里面我们会接收到一个event对象,通过该对象我们需要的一些参数,比如说我们需要知道此事件作用到谁身上了,就可以通过event的属性target来获取到(IE暂且不谈),或者想阻止浏览器的默认行为可以通过方法preventDefault()来进行阻止.以下是event对象的一些属性和方法属性描原创 2021-01-06 15:26:57 · 4294 阅读 · 0 评论 -
vue图片懒加载
https://blog.csdn.net/u012500054/article/details/106521621?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.chann转载 2020-11-16 22:47:08 · 94 阅读 · 0 评论 -
vue.js 前端分页原理
1,后台传给前端数据如下:current_page:表示当前页;data:表示数组数据;last_page:表示最后一页;per_page:表示当前页最多展示15条数据;total:表示目前总数居;2,前端请求下一页:原理:点击下一页按钮,在原有的基础上,加多传递一个【下一页】参数给后台,数据再次更新即可。第一次展示的页面created () { // 【改善提案】设置...原创 2019-07-10 15:12:36 · 588 阅读 · 0 评论 -
使用vue获取数据时,共有7条数据,但是我只需要前两条,怎么处理
https://bbs.csdn.net/topics/392289820?page=1<ul id="example"> <li v-for="(item, index) in items" v-if='index<2'> {{ index }} - {{ item.message }} </li></ul>原创 2021-02-10 15:27:13 · 4639 阅读 · 2 评论 -
SCRIPT1002: 语法错误 app.js (9038,3)
前言:vue项目在ie和360ie模式下报错尝试:/***网上没有详细步骤:因此百度了一大堆解决方法,以下是能够解决此问题的步骤*/ 1.兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill npm install babel-polyfill 2.在页面入口配置main.js中引入 babel-polyfill im...原创 2019-07-25 10:16:36 · 8422 阅读 · 0 评论 -
element cascader 设置默认值
https://www.jianshu.com/p/b690d7fe6ec0转载 2019-07-25 16:25:08 · 3791 阅读 · 0 评论 -
使用vue-router会在地址栏自动添加/#/号
https://segmentfault.com/q/1010000009134004原创 2019-08-01 18:06:07 · 4407 阅读 · 0 评论 -
后台值传给vue element Cascader 级联选择器
html<el-cascader :options="valueBatch"//选择框的值 v-model="selectedOptions" filterable change-on-select></el-cascader>获取后台data并赋值batch().then(res =>{ //console.log(res.data)...转载 2019-07-10 14:48:03 · 1399 阅读 · 0 评论 -
使用vue-router的router-link传递参数(params,query)
使用router-link两种方式传递参数(params,query)<!-- father.vue --><template> <div> // 路由 <div> <router-link :to="{path:'/page1',query:{username}}">pag...转载 2019-07-02 11:55:26 · 4090 阅读 · 0 评论 -
./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/
原因路径出错,引入正确路径即可原创 2019-01-17 15:29:58 · 40348 阅读 · 6 评论 -
echart在vue.js中自适应(超级无敌简单!)
this.chart.setOption(optionData) window.onresize = this.chart.resize // 加这行代码,没错!黄色框的内容必须加在setOption下面!!!!!原创 2019-05-27 10:50:21 · 3121 阅读 · 2 评论 -
vue点击放大图片功能实现【超简单!】
实现步骤:1.下载Viewer组件 npm install v-viewer --save2.在图片显示的页面引用 viewer组件(一个js文件,一个css样式文件) import Viewer from "@/assets/js/viewer.min.js"; import '@/assets/css/viewer.min.css';3.再需要点击图片的标签添加点击事件...转载 2019-05-27 16:46:24 · 17927 阅读 · 10 评论 -
判断某个数据为空失效
前言:楼主做项目,判断token是否为空,为空则跳回登录页。但是失效了。无论token是否为空,都判断token不为空,代码如下: if (token === 'null' || token === ' ') { console.log('失败:' + token) next('/') } else { console.log('成功!' + tok...原创 2019-05-28 11:13:52 · 243 阅读 · 1 评论 -
vue中引入wangEditor富文本编辑器
vue中引入wangEditor富文本编辑器一. 结果图:二.步骤图(主页面【组件】内容):1,先加载wangEditor编辑框加载进你的项目里使用的npm安装 npm install wangeditor --save2.html代码:<div class='clearfix'> <!-- 标题 --> <input type=...原创 2019-06-05 10:54:56 · 17373 阅读 · 7 评论 -
Vue刷新token,判断token是否过期、失效的最简便的方法
看了许多小伙伴分享的刷新token和判断token是否失效的方法,个人感觉有些难懂和不够简便。现结合个人开发实践分享一下使用vue axios请求拦截的方法来刷新token和判断token是否过期、失效的方法。刷新token和token是否过期的操作都是由后端实现,前端只负责根据code的不同状态来做不同的操作:一、判断token是否过期、失效举例:一般响应状态码 code :0,表示请求成...转载 2019-05-28 15:01:10 · 5484 阅读 · 0 评论 -
如何利用VSCode优雅的使用Git提交至GitHub
https://www.jianshu.com/p/154322554d9d转载 2019-06-11 14:26:36 · 605 阅读 · 0 评论 -
vue分页实现
https://blog.csdn.net/qq_30299243/article/details/82191423转载 2019-06-18 14:16:02 · 141 阅读 · 0 评论 -
vue报错1:单个vue组件引入无错误,同时引入两个vue组件就会报错
报错背景:单个vue组件引入无错误,同时引入两个vue组件就会报错。错误为图1图1错误文件代码:为图2测试:我测试单个引入一个组件。两个组件单独引入都为成功。解决结果:在两组件加一层div,让他们属于第二级别。这样就不会出错。代码如图3最终结果...原创 2019-01-17 15:11:02 · 2891 阅读 · 0 评论