vue
丢失的林夕
来个搞笑的:good good study,day day up
展开
-
vue-router与react-router-dom的push与replace
vue-router与react-router-dom的push与replace都是跳转路由的方法区别:push方法是在history栈里添加跳转的页面地址;replace方法则是替换掉history栈当前地址为要跳转的地址,跳转前的地址将无法使用goback返回,以为在history栈中已经不存在了...原创 2021-05-17 14:20:44 · 776 阅读 · 0 评论 -
Invalid prop: custom validator check failed for prop “pagerCount“.
官方文档必须大于5的奇数原创 2021-01-04 15:10:41 · 1414 阅读 · 0 评论 -
vue history模式下页面刷新,地址404
原因vue是单页面应用,history模式路由是通过history.pushState API 实现的,页面刷新时,浏览器是根据请求路径去找对应资源,history模式下得地址自然是找不到对应资源得解决nginx配置代理时,配置一下try_files就行...原创 2020-12-08 17:49:24 · 449 阅读 · 0 评论 -
vue配置.env.development地址不生效
格式# 开发环境配置ENV = 'development'# 管理系统/开发环境VUE_APP_BASE_API = '/dev-api'# 图片基础路径VUE_APP_BASE_IMG = '/dev-api'注意:路径变量必须得用VUE_APP开头原创 2020-12-06 17:14:56 · 7473 阅读 · 1 评论 -
vue防止多次点击(暴力点击)
工具类noDbClick.jsexport default {}.install = (Vue, options = {}) => { Vue.directive('preventReClick', { inserted(el, binding) { el.addEventListener('click', e => { if (!el.disabled) { el.disabled = true原创 2020-12-04 14:35:21 · 1759 阅读 · 0 评论 -
element svg-icon使用
注册svg-icon组件,并引入svgimport Vue from 'vue'import SvgIcon from '@/components/SvgIcon'// svg component// register globallyVue.component('svg-icon', SvgIcon)const req = require.context('./svg', false, /\.svg$/)const requireAll = requireContext => req原创 2020-11-26 09:36:21 · 6424 阅读 · 0 评论 -
vue拖动元素
工具类 drag.jsimport Vue from 'vue'// 使用Vue.directive()定义一个全局指令// 1.参数一:指令的名称,定义时指令前面不需要写v-// 2.参数二:是一个对象,该对象中有相关的操作函数// 3.在调用的时候必须写v-const drag = Vue.directive('drag', { // 1.指令绑定到元素上回立刻执行bind函数,只执行一次 // 2.每个函数中第一个参数永远是el,表示绑定指令的元素,el参数是原生js对象 //原创 2020-11-25 11:33:59 · 327 阅读 · 0 评论 -
vue-cli3.0配置webpack的配置
1. 在项目根目录创建vue.config.js文件2. 代码如下module.exports = { // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#R原创 2020-06-15 09:25:11 · 1730 阅读 · 0 评论 -
VSCode以eslint风格自动格式化代码(2020)
效果:本文用 Vue 项目做示范。安装插件 ESLint然后 File -> Preference -> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 用户),搜索 eslint,点击 Edit in setting.json将以下选项添加到配置文件vscode 2020之前版本"eslint.autoFixOnSave": true,"eslint.validate": [ { "language": "vue"原创 2020-05-28 18:50:00 · 3813 阅读 · 0 评论 -
vue导出excel表格(二)
1.安装插件cnpm install vue-json-excel2.main.js中引入使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用<download-excel class = "export-excel-wrapper" :data = "json_data" :fields = "json_fields"原创 2020-05-28 14:12:31 · 2962 阅读 · 0 评论 -
vue导出excel表格(一)
第一步安装依赖包,需要把代码下载你的项目当中cnpm install file-savecnpm install xlsxcnpm install script-loader第二步在项目assets文件中创建一个新的文件夹js用于存放Blob和Export2Excel两个js文件第三步在你那个组件中使用tHeader:标题filterVal:字段名tableData:前端请求的数据使用:调用exportToExcel方法即可exportToExcel() { //ex原创 2020-05-27 10:07:57 · 2094 阅读 · 0 评论 -
vue-devtools简单安装教程
最简单的方法:直接到Google store下载你也可以去网上找别人已经编译好的vue-devtools文件当然你也可以跟我来一步一步编译生成vue-devtools工具第一步:找到vue-devtools的github项目,并将其clone到本地. vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git第二步:安装项目所需要的npm包npm install //如果太慢的话,可以安装一个cnpm, 然后命令换成原创 2020-05-18 13:16:07 · 3576 阅读 · 0 评论 -
cordova打包vue生成的app的一些问题
1. app白屏可能有下:1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面module.exports = { b...原创 2019-12-05 17:24:28 · 3233 阅读 · 2 评论 -
cordova使用
一、JDK的安装与环境变量的配置1、安装 JDK(我用的1.8版本) 官网下载:https://www.oracle.com/technetwork/java/javase/overview/index.html 下载后点击.exe文件,一路[下一步]默认安装。直至安装完成。安装完成后出现两个文件夹jdk和jre。2、接下来我们需要设置两个系统变量,分别是JAVA_HO...原创 2019-12-03 14:41:47 · 911 阅读 · 0 评论 -
vue使用v-model绑定数组,页面无反应
- 原因因为vue实现双向数据绑定的机制是数据劫持,也就是在所有对象上有个Object.defineProperty()方法,通过监听set,get方法去实现,而数组没有这两个方法,所以就不会更新view;解决方案就是,需要我们主动通知vue;注意:xx[1]=787; 这种就是典型的vu无法劫持的赋值方式- 解决办法methods:{ change(){ t...原创 2019-11-30 13:50:52 · 4880 阅读 · 0 评论 -
hbuilderx设置状态栏
一、 前言状态栏就是手机屏幕最顶部的区域,包括了:信号、运营商、电量等信息。通常APP都有属于自己的色调风格,为了达到整体视觉美观,通常会设置状态栏和标题栏的色调设置成一致。图例:二、状态栏状态类型默认变色(设置颜色)透明(沉浸式)消失(全屏)三、状态栏变色1.效果如图:2.根据色调设置状态栏文字颜色,文字颜色只提供两种值:light(白色)、dark(黑色)3.设置标题栏...原创 2019-11-02 09:03:06 · 7596 阅读 · 0 评论 -
axios上传多张图片
场景项目使用的axios做异步提交,现在需要上传多张图片至后台,但是后台接收不到图片参数,而其他参数却能得到2.问题普通提交方式无法提交图片数组的(转化成字符串,序列化传输会出问题)3.解决办法使用表单格式提交,注意设置header内容格式注意:不要直接将图片数组赋值给FormData对象的属性,否则同样传输不了数据,一定要遍历添加...原创 2019-10-23 10:47:28 · 2121 阅读 · 0 评论 -
vue全局挂载Dialog,报 Dialog is not defined
原因:对象使用错误解决办法:Dialog挂载到vue后,引用对象为this.$dialog原创 2019-09-29 18:11:00 · 7755 阅读 · 0 评论 -
vue编写移动端项目
1. 项目结构(未用vue-cli脚手架,有助理解vue的项目构建和运行过程)2.vue的执行流程vue运行开始,先找到main.js(里面的Vue实例)和index.html(vue要填的坑,即id="app"的div),随后main.js将vue的创建(导入并挂载资源和路由,根组件等,)main.js中主要负责vue的创建,及一些资源的导入挂载,和路由的挂载 //入口 im...原创 2019-09-11 17:29:49 · 2212 阅读 · 1 评论 -
vue : 无法加载文件 G:\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?
问题:安装完vue-cli,在命令行下运行报vue : 无法加载文件 G:\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。解决办法:到G:\nodejs\node_global目录,把v...原创 2019-09-01 11:33:01 · 24391 阅读 · 21 评论