vue
祎祎呀
一个勤劳的码农,正义与邪恶的化身,程序的维护人员
展开
-
vue 组件传值
vue组件传值,子传父,父传子原创 2023-02-10 01:20:54 · 161 阅读 · 1 评论 -
iframe如何通信,如何在vue项目里面引入iframe
iframe页面监听父页面发过来的消息。1、iframe的通信。原创 2022-12-21 02:07:51 · 250 阅读 · 0 评论 -
elementUI menu select下拉框在ios移动端需要点击两次才能选中
在移动端用了elementUI的el-select的组件,苹果手机下拉框选项需要点击两次才能选中切换。解决方法:在app.vue里面,(特备注意:注意是在app.vue里,不是在页面或者组件里!!!!),加上一段css代码。.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}...原创 2021-11-25 10:36:21 · 3763 阅读 · 0 评论 -
正则替换input输入框非数字,可以输入数字,小数呀
正则替换input输入框非数字,可以输入数字,小数呀oninput="value=value.replace(/[^\d\.]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"原创 2021-05-06 11:19:02 · 831 阅读 · 0 评论 -
✘ http://eslint.org/docs/rules/indent 报错
最近启动项目报这么老多错误,着实吓人,那么怎么解决这个报错并启动项目呢?其实呀,vue 取消eslint语法限制是代码规范问题➜ my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/my-project> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting原创 2021-04-25 09:30:13 · 779 阅读 · 0 评论 -
vue 写拖拽小图标
如何给vue项目里面写拖拽悬浮小图标呢首先1、html文件 一定要给父盒子一个ID <div class="xuanfu" id="moveDiv" @mousedown="down()" @touchstart="down()" @mousemove.prevent.stop="move()" @touchmove.prevent.stop="move()" @mouseup="end()" @to原创 2021-04-23 15:15:19 · 591 阅读 · 0 评论 -
nuxt.js如何设置动态路由
nuxt如何设置动态路由nuxt.js 创建动态路由 只需要在pages里面创建带—的文件,nuxt.js就会给我们自动生成动态路由,登陆,首先判断token在不在cookie里面,如果不在就走登陆页面//判断是否有token 如果没有跳转至登陆页 if (!Storage.getItem("access_token")) { this.$router.push({ //登陆页面路径 path: "/bind-mobile",原创 2021-04-23 15:03:50 · 1505 阅读 · 0 评论 -
前端加密方法
第一种就是base64格式的加密与解密:window.atob() 与window.btoa()可以实现对base64格式的数据进行解码和编码,其兼容性是主流浏览器,IE10及以上。window.atob(encodedStr)只可以解码用btoa方法编码的字符串。window.btoa():将ascii字符串或二进制数据转换成一个base64编码过的字符串,但该方法不能直接作用于Unicode字符串<script> var str = 'RUNOOB' var原创 2021-03-12 17:32:20 · 1272 阅读 · 1 评论 -
清除本地存储
localStorage.removeItem(‘image’);原创 2021-03-09 16:45:47 · 625 阅读 · 0 评论 -
如何跳转到上上一个页面
this.$router.replace跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上上个页面原创 2021-02-26 16:32:07 · 391 阅读 · 0 评论 -
评论功能如何实现?
社会在发展,时代在进步现在随随便便一个APP就用评论功能吧,那么如何实现评论功能哪?第一步,写好样式 布局 <van-tab title="评论" class="tab"> <p class="commentText">评论({{ commentTotal }})</p> <div class="commentsList"> <div class="comments" v-for="ite原创 2021-01-26 16:54:07 · 2243 阅读 · 0 评论 -
如何与原生交互?
很简单,后端会给你一个交互方法:welfareCountdown参数为Boolean值:true=正在进行倒计时;false=倒计时结束然后我们需要在你要写的逻辑判断问题哪里去写这个方法,就实现了和原生的交互原创 2021-01-26 10:46:28 · 99 阅读 · 0 评论 -
如何使用自定义头部组件的自定义方法
在搭建项目之前,我们先来了解一下,webpack是什么:打包工具 (静态资源打包工具) 前端必备webpack的特点:1、js依赖进行整合处理(打包整合)2、一些预处理的sass,less可以在环境中进行编译(转换)3、可以对js、HTML、图片等进行压缩(优化)**webpack的核心?**entry 入口文件 // 好比main.jsoutput 出口文件 // 好比dist 打包之后的文件夹plugin 插件 // 自动生成html文件等插件l原创 2020-11-17 17:19:04 · 296 阅读 · 0 评论 -
实现加定时器的vue弹出框
客户需求,要求在点击弹出框的时候出现一个30倒计时,而vant组件不能够满足我们的这个需求,这个时候怎么办哪。我们只能手写一个弹出框咯!!!!废话少说,上代码 //点击此按钮显示弹出框 <span class="btn-text" @click="getWelfare">奖品领取</span> //弹出框 <van-popup v-model="showMsg"> <section class="goods-co原创 2021-01-22 15:04:52 · 1965 阅读 · 0 评论 -
vue 移动端H5微信支付和支付宝支付
一、移动端支付宝支付其实支付宝支付也有H5支付和支付宝浏览器支付,这里只做H5支付,因为已经满足了业务需求。1.支付宝中的H5支付和PC端的一样,主要是后端的工作量,后端完成订单的生成之后返给前端的是form表单,前端只需要负责做页面的跳转即可: //立即支付按钮 onSubmit() { if (this.payWay == 1) { //支付宝支付 this.$router.push({path: '/aliPay', quer原创 2020-12-07 20:52:21 · 2231 阅读 · 7 评论 -
通俗易懂的描述渐进增强和优雅降级之间的不同(前端面试题之一)
简单易懂的描述一下渐进增强和优雅降级之间的不同渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看原创 2020-11-12 11:23:27 · 293 阅读 · 0 评论 -
谈谈ES6新增了哪些特性
一、什么是ES6?ES全称为ECMAScript,它是由国际标准化组织ECMA(全称:European Computer Manufacturers Association)欧洲计算机制造商协会制定的一项脚本语言的标准化规范。JavaScript就实现了这套标准。ES6中的6代表的是版本,从2015年6月份发布的版本及其后续版本统称为ES6,从2015年开始,每年的6月份都会发布新版本。目前各大浏览器产商也都已经支持ES6。二、 ES6的新特性有哪些?1.新增了块级作用域(let,const)2.提原创 2020-11-10 16:46:32 · 7428 阅读 · 2 评论 -
vue中的常用指令以及如何动态添加class
关于vue 常用指令 (1)V-for循环 (2)v-on绑定事件 (3)v-model双向数据绑定 (4)v-text渲染字符串 (5)v-html渲染html节点及字符串 (6)v-if判断 (7)v-show显示/隐藏 (8)v-bind绑定属性1.1 v-if是条件渲染指令,它根据表达式的真假来删除和插入元素,它的基本语法如下:v-if=“expression”expression是一个返回bool值的表达式,表达式可以是一个原创 2020-11-09 20:16:24 · 1321 阅读 · 0 评论 -
vuex的用途和方法
vuex 中 state,getters,mutations,actions,modules,plugins 的用途,和用法用途:state 存放状态mutations 对state成员操作geeters 加工state成员给外界(计算属性)actions 异步操作modules 模块化状态管理plugings 插件(vuex的一些设定的初始化时期运行的内容)用法:state是用来存放一些vuex中的一些数据的mutstions对state中的数据进行修改,在页面中调用使用this原创 2020-11-09 09:24:22 · 349 阅读 · 0 评论 -
vue封装API接口
浅谈一下如何在vue项目中封装APIapi的封装要用到axios模块。所以那我们在创建好vue脚手架后需要安装axios依赖包(指令:npm i axios --save)。api的封装主要的目的就是:在帮助我们简化代码和后期的更新维护在前端vue的开发中,有一点是必须要做的,那就是将所有的API接口封装起来,因为从开发到最终上线的过程中,API是需要经常更换的,所以需要将API封装起来,便于修改和更换。那么,如何封装API呢?首先我们先创建一个文件夹API然后在里面创建三个js文件 ,分别是原创 2020-11-01 19:42:51 · 4040 阅读 · 1 评论 -
vue脚手架安装最简单的终极方案
vue脚手架安装(史上最简单、史上最透彻、史上最全的终极解决方案)什么是vue脚手架?Vue脚手架呢,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板安装脚手架 第一步1. cmd 打开小黑框 在小黑框里面输入vue脚手架全局安装命令 npm install -g @vue/cli注:npm 为node自带的包管理工具,用来下载项目所需的各种依赖。2. 创建一个vue文件夹 在小黑框中输入 vue create原创 2020-08-31 15:39:10 · 509 阅读 · 0 评论