
vue
5649498
这个作者很懒,什么都没留下…
展开
-
数据操作弹框拦截
数据操作弹框编辑或新增拦截提示弹框显示时设置,“用户操作之前数据”,关闭弹窗时判断,“当前弹窗数据”,是否与,“用户操作之前数据”相等,不相等,就认为用户修改了数据,就会拦截提示是否保存;一、编辑操作的 “用户操作之前数据“是从 网络加载数据 或者 己有表格中的数据设置的,“用户操作之前数据“也是回显数据,这时候编辑操作设置的data属性一般都是冗余的;二、新增操作的“用户操作之前数据”是空对象或者被清空值的模板对象1.“用户操作之前数据”是空对象时,是一次操作就是新增,没有操作过编辑,触发的弹框原创 2021-11-12 09:51:55 · 487 阅读 · 0 评论 -
拼图验证的正确流程
拼图验证我之前的流程是这样的1。前端向后端请求一个正确的百分比偏移量2。后端根据ip绑定一个百分比偏移量返回给前端3。前端根据偏移量生成一张缺口图4。再传递用户的偏移量给后端进行检验这样的流程是错误的。我们要知道验证码的意义在于通过一些需要用户手动操作的行为来防止爬虫自动访问一些敏感接口。比如发送验证码接口。所以我之前第一步就错了。我先向后端请求了偏移量,正确的值用户己经知道了。他只需要拿到这个值。直接发送就行。所以正确的流程是1。由后端生成一个缺口图片和imagetoken(关于缺口图原创 2020-07-03 17:23:26 · 4859 阅读 · 0 评论 -
route的值发生变化请求数据
有时候我们想根据route值发生变化时请求数据//一个组件一个唯一的数据标识,我这里是叫mac watch: { '$route' (to, from) { if(this.$route.params.mac){ this.getUserList() } } } created(){ th...原创 2018-09-25 16:47:29 · 653 阅读 · 0 评论 -
利用vue+swoole实现推送
推送,有轮询和websocket两种主流方式。轮询是定时执行ajax向后端进行查询。在没有websocket之前我们就采用这种方式原创 2018-05-03 15:52:05 · 2680 阅读 · 0 评论 -
vue Cannot read property 'length' of undefined
出现了这个错误怎么解决呢? 一个数组的Length属性怎么可能没有呢。 vue出现一个报错并不一定跟报错有关联。 你有找你的代码的错误而不是根据报错的相关提示来找这个length属性。我赋值一个不存的属性名给模板。照理说应是提示undefined但运报了标题的错。length不存在。懂了不,不要看提示,而是要想你的代码哪里有错。...原创 2018-03-28 22:18:51 · 4881 阅读 · 0 评论 -
vue-log
<div class="log" style="position: fixed;top: 55px;font-size: 28px;">{{log}}</div>原创 2018-03-12 10:24:12 · 1114 阅读 · 1 评论 -
一个可往上加载和滑动到底部的的vue模板组件
<template> <div id="noticeWrap"> <div id="navheader"> <p>回复我的</p> <div class="iconbar" @click="goBack"&原创 2018-02-18 14:58:29 · 1479 阅读 · 0 评论 -
关于图片上传和利用canvas进行压缩
之前开发多页面应用时,用的是jQ插件。 现在,使用的是vue采用单页面模式,那么怎么上传呢? 用的相关技术是 前端1.input file控件2.file对象3.FileReader对象4.FormData对象5.axios后端 就按照相应的后台语言进行文件接收 代码<template> <div> <form id="formid">原创 2018-02-27 11:18:53 · 506 阅读 · 0 评论 -
vue2路由组件切换动画
参考文章 1.在路由对象的原型中添加一个方法和一个属性Router.prototype.goBack = function () { //也可以用下面注释的那种写法,this指向的就是Router.prototype //设置isBack为真让组件动画向右 this.isBack = true window.history.go(-1)}//Router.p原创 2018-02-03 13:09:15 · 835 阅读 · 0 评论 -
返回页面时保留滚动高度vue2.0
采用vuex来进行保存 stage声明一个对象itemScroll:{0:0,1:0,2:0}getteritemScroll:state=>state.itemScroll[state.index],mutations setItemScroll(state,num){ state.itemScroll[num.index]=num.scrollTopVal原创 2018-02-06 15:42:31 · 623 阅读 · 0 评论 -
vue如何才能正确打包,文件加载不会出错
1.修改css文件的加载路径 修改在项目根目录中的build目录中util.js,你不修改的话打包出来的路径是在static/css下的,举个例子如果你的css文件中在开发环境中引入了一个字体文件,但是打包后他css文件寻找路径是在static/css/你的字体文件,static/css显然不是我们想要的,我们的目录是往上两个层级目录中的。因此要加上注释中的标明的语句// Extract CSS原创 2018-02-10 13:20:50 · 1270 阅读 · 0 评论 -
vue2.0父子组件间传递数据
关于父子组件之间传递数据其实文档上都说得很明白。 但是如果完全不懂的人做计也看不懂,下面是一个小例子,有两个文件 1.parent.vuetemplate> child :child-msg="msg">child>template>script>import child from './child.vue';export default { data(){ re原创 2018-01-25 22:29:00 · 1441 阅读 · 0 评论 -
安装jsonp-server
参考文章 用json-server结合mockjs“造数据” 是一个json接口服务,支持CORS和JSONP跨域请求,用node编写的,前端开发还是用这个吧。用php来做输出json的话好像也差不多,算了,学vue就好好用node的服务 一、初始化node环境cnpm init二、在package.json中配置脚本 安装完 nodemon 后,就可以用 nodemon 来代替 node原创 2018-01-17 22:11:40 · 873 阅读 · 0 评论 -
vue安装
1.安装node.js 2.安装webpack(基于node.js的命令行工具,用来打包的,和转义es6/es7的)cnpm install -g webpack3.安装vue-clicnpm install -g vue-init4.初始化一个项目vue init webpack learn-vuecd learn-vue原创 2018-01-17 14:41:41 · 170 阅读 · 0 评论 -
vuex使用帮助函数
一、mapGetters 辅助函数 作用mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性使用import {mapGetters} from 'vuex'export default { // ... computed: { // 使用对象展开运算符可以把一个函数返回的对像作为外部的对象 //将 vuex getter中的userinfo原创 2018-01-21 19:34:23 · 407 阅读 · 0 评论 -
vue 模板引擎v-for数字
相信大家都是是用v-for来遍历数组的,但是我最近有一个需求要拿v-for来遍历数字。经过踩坑得到了一些经验。<li v-for="(item,index) in 10"">{{item}}</li>编历一个数字时item的值是从1 始的。编历一个指定数字也就是相当编历一个从1到指定数字的数组。所以上面这个例子的item是1-10,index是0-9原创 2018-01-22 21:54:06 · 16693 阅读 · 4 评论 -
vue判段
动态属性 1.根据不同情况有不同类名ul v-show="!isShowLogin"> li v-for="(item,index) in noLogin" @click="goToNegativePage(index,item)" :class="{currentState:currentIndex原创 2018-01-22 11:42:24 · 222 阅读 · 0 评论