![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
晴愔
这个作者很懒,什么都没留下…
展开
-
常用el-form表单元素校验
/** * * 校验手机号 * * **/export const checkMobile = (rule, value, callback) => { if (value) { if (!/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(value)) { // if (!/^1[3456789]\d{9}$/.test(value)) { return callback(new Error('请输入正确手机号')) } ..原创 2022-05-29 13:40:08 · 556 阅读 · 1 评论 -
常用vue指令
import Vue from 'vue'import './directive.dialogdrag.js'// 去空格const validform = { filterSpace: Vue.directive('filterSpace', { update: function (el, { value, modifiers }, vnode) { try { value = value + '' let原创 2022-05-29 13:27:59 · 102 阅读 · 0 评论 -
navigator.geolocation.getCurrentPosition在http下部分浏览器定位失败
navigator.geolocation.getCurrentPosition存在兼容性,在http下部分浏览器定位失败,把http换成https就可以了原创 2020-04-09 17:15:29 · 3147 阅读 · 0 评论 -
比较vue中Runtime Only和Runtime+Compiler
在使用vue初始化一个项目的时候,我们会看到提示:可以看到有两种版本的vue:Runtime Only 版本 和 Runtime+Compiler 版本Runtime Only:1.我们在使用 Runtime Only 版本的 Vue.js 的时候,通常需要借助如 webpack 的 vue-loader 工具把 .vue 文件编译成 JavaScript,因为是在编译阶段做的,所以它只包...原创 2019-08-22 10:09:03 · 320 阅读 · 0 评论 -
微信支付报错“网络环境未能通过安全验证,请稍后再试!”
这个问题的原因是,商户侧统一下单传的终端IP(spbill_create_ip)与用户实际调起支付时微信侧检测到的终端IP不一致导致的,这个问题一般是商户在统一下单时没有传递正确的终端IP到spbill_create_ip导致,详细可参见客户端ip获取指引统一下单与调起支付时的网络有变动,如统一下单时是WIFI网络,下单成功后切换成4G网络再调起支付,这样可能会引发我们的正常拦截,请保持...原创 2019-08-07 17:38:58 · 2826 阅读 · 0 评论 -
vue移动端,在双击网页的时候,网页会放大,index.html中加了viewport也没用
解决方案是在vue项目中使用fastclick安装npm install fastclick -S在main.js中引入,并绑定到body。import FastClick from ‘fastclick’FastClick.attach(document.body);原创 2019-08-19 14:11:42 · 1251 阅读 · 1 评论 -
vue移动端浏览器项目,调用支付宝支付
浏览器调用支付宝支付,只需要前端这边,提交后台返回的表单即可,并且提供一个支付完成后的回调地址给后台即可,接口那边返回的表单格式一般为:<form name="punchout_form" method="post" action="https://openapi.alipay.com/gateway.do?charset=UTF-8&method=alipay.trade.wap...原创 2019-08-02 15:00:57 · 4486 阅读 · 0 评论 -
vue移动端浏览器项目,微信内置浏览器中调用微信支付
微信内置浏览器中调用微信支付,前提需获取微信签名等信息,然后通过wx.config配置签名等信息,代码示例如下: wxPayInside (wxData) { // 微信内部浏览器 let that = this that.wxconfig(wxData) wx.ready(function () { // config信息验证后会执行read...原创 2019-08-02 14:53:47 · 1764 阅读 · 1 评论 -
vue移动端浏览器项目,微信外调用微信支付
在浏览器中打开后台返回的mwebUrl,后面可通过redirect_url字段,指定支付完成的回调页面(成功和失败都会跳此页面),可参考微信支付文档:https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4...原创 2019-08-02 14:49:45 · 2120 阅读 · 0 评论 -
百度地图在微信内置浏览器中,有时候会定位失败
在用vue开发移动端网页的时候,在微信以外的浏览器中使用百度地图定位,都能定位成功,但是在微信内置的浏览器打开网页的时候,有时候会定位失败,解决方式是在定位失败的回调中,再次调用百度地图api地图定位,一般第二次调用定位的时候,就能定位成功...原创 2019-08-02 14:17:06 · 3715 阅读 · 0 评论 -
vue滑动自定义弹窗底部的页面也一起跟着滑动的问题
vue滑动自定义弹窗底部的页面也一起跟着滑动的问题在蒙层所在div上加@touchmove.prevent,例如:原创 2019-08-02 14:04:52 · 1218 阅读 · 0 评论 -
better-scroll实现横向滚动列表
{{item.goodsName}} ¥{{item.secondKillStartPrice / 100}} 赚{{item.referencePrice / 100}...原创 2019-04-30 17:04:38 · 3261 阅读 · 0 评论 -
菜划算h5项目开发经验记录1
购物车选择商品使用的是elementui的el-checkbox-group和el-checkbox组件,点击这一整行的时候,右边的选择框也会被选中,可以在左边元素上加上@click.prevent取消事件冒泡就ok了...原创 2019-04-19 11:31:15 · 342 阅读 · 0 评论 -
vue获取验证码倒计时指令
import Vue from ‘vue’// 获取验证码倒计时Vue.directive(‘timer’, {bind : function (el, binding) {let tel.addEventListener(“click”, function () {if (el.dataset.validate===‘true’) returnlet s = binding.arg...原创 2019-04-26 16:07:28 · 151 阅读 · 0 评论