随笔分类 -  vue.js

上一页 1 2 3 4 下一页
深度图
摘要：<template> <div id="com-quotation_depth"> <div id="echarts" style="height: 1.74rem; width: 100%" ref='echartsdepth'></div> </div> </template> <script> 阅读全文
posted @ 2019-11-19 16:52 AlanTao
h5 ios手机 隐藏input输入光标
摘要：前面在做一个H5中用到的6位数字密码弹框（类似支付、微信那种）时，遇到一个可怕问题，那就是在浏览器和安卓中是不显示输入光标的，但是在ios手机上光标总是能看见，像穿透一样地显示最外层。 先说下实现密码框的思路，一般是采用遮挡隐藏一个输入框，然后在输入框的上面该一层一般是一组6个<span>●</sp 阅读全文
posted @ 2019-04-15 15:01 AlanTao
vue filters 时间戳转化成时间格式
摘要：vue filters 时间戳转化成时间格式 阅读全文
posted @ 2019-02-21 16:16 AlanTao
ES6 export
摘要：一、默认导出（default export）// 1.一个模块只能有一个默认导出， 对于默认导出， 导入的名称可以和导出的名称不一致， 这对于导出匿名函数或类非常有用。 二、名字导出（name export）// 1.名字导出可以在模块中导出多个声明 三.解决导出命名冲突的问题，重命名的方法解决方法 阅读全文
posted @ 2019-01-18 11:11 AlanTao
vue-cli3实现分环境打包步骤（给不同的环境配置相对应的打包命令）
摘要：在vue-cli3的项目中，npm run serve时会把process.env.NODE_ENV设置为‘development’；npm run build 时会把process.env.NODE_ENV设置为‘production’；此时只要根据process.env.NODE_ENV设置不同 阅读全文
posted @ 2019-01-17 15:25 AlanTao 阅读(7755) 评论(0) 推荐(0)
vue.config.js
摘要：const path = require('path'); const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入 移动端模拟开发者工具 插件 （另：https://github.com/liriliri/eruda） const CompressionPlugin = require('compression-webpa... 阅读全文
posted @ 2019-01-17 13:57 AlanTao
npm install 错误 安装 chromedriver 失败的解决办法
摘要：npm 安装 chromedriver 失败的解决办法npm 安装 chromedriver 时，偶尔会出错，错误提示类似于：npm ERR! chromedriver@2.35.0 install: `node install.js` 经分析发现，某些版本下，chromedriver 的 zip 阅读全文
posted @ 2019-01-11 15:08 AlanTao
解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
摘要：Html JS Vue中 Html JS 阅读全文
posted @ 2018-11-23 23:14 AlanTao
vscode编辑器自动生成.vue文件
摘要：1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue 选择vue后，编辑器会自动打开一个名字为vue.json的文件 2、复制以下内容到这个文件中： 阅读全文
posted @ 2018-11-07 22:05 AlanTao
npm -S -D -g i 有什么区别
摘要：npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象 npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies 对象 npm i module_name -g 全局安装 ... 阅读全文
posted @ 2018-11-07 16:18 AlanTao
vue 本地开发时使用localhost与ip访问
摘要：修改config文件夹下面的index.js配置，将localhost改为0.0.0.0就可以了。用ip，127.0.0.1，localhost均行 问题： 使用本地ip时访问发现登陆不上，使用localhost反而可以，后查明是cookit存入时存入是domain限制了，用内网ip如192.168 阅读全文
posted @ 2018-09-25 10:24 AlanTao
在 VS Code 和 Chrome 中调试
摘要：先决条件 你必须安装好 Chrome 和 VS Code。同时请确保自己在 VS Code 中安装了 Debugger for Chrome 扩展的最新版本。 请通过 Vue CLI，遵循它的 README 中的安装文档安装并创建一个项目。然后进入这个新创建的应用的目录，打开 VS Code。 在 阅读全文
posted @ 2018-09-07 10:12 AlanTao
git 删除仓库的文件
摘要：git移除远程仓库某个文件夹 1.比如src/product/ 文件夹 2.提交到本地 3.提交到远程服务器 阅读全文
posted @ 2018-08-29 14:47 AlanTao
vue编程式路由实现新窗口打开
摘要：一. 标签实现新窗口打开： 官方文档中说 v-link 指令被 组件指令替代，且 不支持 target=”_blank” 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target=”_blank” 属性的(tag=”a”)，示例如下： 注：只有tag=”a”模式下 ta 阅读全文
posted @ 2018-08-21 17:22 AlanTao
vue实现按需加载（懒加载）
摘要：1.router文件中使用 在webpack.base.conf.js文件中配置chunkFileName 阅读全文
posted @ 2018-08-20 14:29 AlanTao
vue.js - 解决vue-cli打包后自动压缩代码
摘要：一.webpack中引入的压缩代码 /build/webpack.prod.conf.js 压缩js 的插件叫 uglifyjs-webpack-plugin， 压缩css 的插件叫 optimize-css-assets-webpack-plugin 二.OptimizeCSSPlugin 和 U 阅读全文
posted @ 2018-08-20 10:30 AlanTao
VUE单独页面body css设置
摘要：使用created周期用JS来处理BODY的样式 阅读全文
posted @ 2018-08-15 17:07 AlanTao
vue开发 - 将方法绑定到window对象，给app端调用
摘要：通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，并没有绑定window对象下面，这样一来，vue组件里定义的方法怎么暴露给window对象，提供给 阅读全文
posted @ 2018-08-14 12:00 AlanTao
This dependency was not found: * !!vue-style-loader!css-loader?……解决方案
摘要：1.新建一个vue项目时，需要重新安装stylus 报错 解决步骤： 当前目录（项目）下： 阅读全文
posted @ 2018-05-04 21:04 AlanTao
vue项目启动时将localhost替换成指定ip地址
摘要：1.node启动vue项目时地址一般都是http://localhost:8080 2.config->index.js 中的host：‘localhost’换成host：‘你的本机ip’就可以了 阅读全文
posted @ 2018-05-04 10:57 AlanTao

上一页 1 2 3 4 下一页