vue
Zz_糖小七
希望能坚持写博客。
展开
-
坑:Nuxt打包Hash没效果的解决方案
问题build成hash不起效果 filenames: { app: ({ isDev }) => (isDev ? '[name].js' : Version + '[chunkhash].js'), chunk: ({ isDev }) => (isDev ? '[name].js' : Version + '[chunkhash].js'), css: ({ isDev }) => isDev ? '[name].css' :原创 2020-12-10 14:12:15 · 1106 阅读 · 0 评论 -
微信支付当前页面URL未注册问题踩坑
前言支付的功能是必不可少的,之前用Android已经完成了相关功能,但是发布线上测试发现ios的支付功能并不能用,这让我很诧异,只能查阅相关资料看看哪里出了问题。问题经过对比,发现ios就是以进来的时候为准,所以导致授权页面没有注册解决方案export function jumpToRecharge(cardNum, userName) { console.log('jumpToRe...原创 2019-11-27 09:54:09 · 1271 阅读 · 0 评论 -
cube-ui 自定义dialog一闪而过的问题
问题描述之前这个 dialog 在测试页的时候是能正常弹出并且显示的。某个页面点击某个div时弹出自定义的dialog,发现这个dialog 并没 有显示,有点奇怪。问题排查一开始觉得有可能是dialog显示了被遮挡住了,所以看起来没有显示。然后修改z-index属性,发现还是一样的效果。看来问题没有这么简单,还是仔细的分析一下…最外层是个cube-slide,cube-slide...原创 2019-11-07 15:44:58 · 595 阅读 · 5 评论 -
cube-ui dialog嵌套slide遇到的问题
2123123123原创 2019-09-06 14:50:37 · 493 阅读 · 0 评论 -
移动端(微信) 查看console
前言移动端项目,有时候想看console的内容,但是无法打开控制台去查看。chrome 查看是非常方便,最近了解到了 vConsole ,非常方便的可以解决这样的问题。点击 官方文档 查看详情nuxt示例npm 安装npm install vconsoleplugins 文件夹下创建 vconsole.js/* * @Description: * @Author: lx...原创 2019-08-23 15:14:51 · 1555 阅读 · 0 评论 -
nuxt扫一扫功能
前言扫一扫功能十分常见,目前我做的项目是webapp类型的。有在微信公众号,以及支付宝平台上去使用。那现在需要集成扫一扫功能。我个人觉得有两种方案,一个各大平台对外的扫一扫功能API的调用。通过不同平台的UA去使用不同的接口。还有就是原生的调用摄像头,去兼容不容的平台,这里的兼容性是一个问题。当然可能没对外的api稳定。那我还是去尝试选择第二种方案。因为我觉得第一种方案比较繁琐。二维码识别...原创 2019-08-15 15:06:39 · 473 阅读 · 0 评论 -
nuxt如何在其它js文件中使用store
前言在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。代码/* * @Description: * @Author: lxc * @Date: 2019-07-02 16:14:07 * @LastEditTime: 2019-08-...原创 2019-08-15 14:13:03 · 5622 阅读 · 4 评论 -
cube-ui form控件input增加金钱规则
前言因为rules类型只有 ‘string’, ‘number’, ‘array’, ‘date’, ‘email’, ‘tel’, ‘url’,没有支持金钱类型。用number 的话没有精度,所以一般不适用,那只能看官方文档来自己添加一种规则 官方文档添加规则import Vue from 'vue'// 当然这里还有一些其它组件的引入我只是举个例子import { Validator...原创 2019-07-16 10:48:38 · 1758 阅读 · 8 评论 -
nuxt+cube-ui主题色修改
前言因为刚接触nuxt, 对于nuxt.config.js 里面的配置不是很清楚该怎么弄,而且cube-ui的主题色需要后编译去解决。所以还是提了Issues。官方示例点击查看问题克隆项目本地后报错 上面的issues也有体现。解决方案:用 NUXT 脚手架初始化的的项目,nuxt 被放在了 dependencies 下,需要手动移动到 devDependencies 下,否则 w...原创 2019-07-11 08:47:25 · 476 阅读 · 0 评论 -
nuxt初识
前言最近一直没有更新写的文章,之前学习了一些关于vue的内容。这次尝试了基于vue的nuxt.js框架去搭建一个webApp。中间还是踩了很多坑。nuxt.js让我们先来了解一下Nuxt是什么,Nuxt 是一个更高级的框架,它构建在Vue之上。它简化了通用或单页Vue应用程序的开发。Nuxt.js 主要关注的是应用的UI渲染。为什么要使用nuxt.js场景:vue单页面应用渲染是从服务...原创 2019-07-11 08:11:37 · 164 阅读 · 0 评论 -
vue单页面多级目录实现
#前言最近接到一个需求是关于设备说明书多级目录展示。Vue 对于我这种小白来说还是有些困难。还是抱着试一试的心态去实践。还是先看看效果图吧。#效果图如下:#路由配置import Vue from 'vue'import Router from 'vue-router'import MedicalEquipmentCatalog from '@/components/MedicalEq...原创 2019-03-30 16:12:31 · 2742 阅读 · 2 评论 -
vue环境搭建-从零开始
vue.js 很火热,之前作为android开发对于前端了解甚少。抽空之余,想自己尝试一番。vue-环境搭建1.安装node.js我们需要知道什么是node.js,首先node.js不是一门语言,不是库,不是框架,只是一个javaScript运行时环境。简单的说node.js可以解析javaScript。node.js的优点: 快,性能高,开发效率高,应用范围广。node.j...原创 2019-03-08 06:21:13 · 298 阅读 · 0 评论 -
vue项目如何在移动端预览
做好的vue项目想在移动端去预览,测试效果。#查看本地IPv4win+r 输入cmd,然后确定,输入ipconfig查看IPv4。如下图:#修改IP地址找到项目中的config文件夹中的index.js,修改文件中的host,改成本机的ipv4。如下图:#同一个wifi将手机和电脑连接在同一局域网下,简单的讲可以连接同一个wifi 。#制作二维码二维码制作地址:https...原创 2019-03-10 02:06:41 · 514 阅读 · 0 评论