随笔分类 -  Vue

vuex从入门到入土
摘要：声明大哥store import { createStore } from 'vuex' import mutations from './mutations' import getters from './getters' import actions from './actions' impor 阅读全文
posted @ 2021-06-26 22:01 abcdefgab 阅读(67) 评论(0) 推荐(0)
Failed to reload /src/views/Leave.vueCannot destructure property 'default' of 'undefined' as it is undefined./Couldn't resolve component "default" at "/apply/leave"
摘要：出现了一个vue错误，一开始以为是路由错了，后来经过排查发现不是，有点坑，记录巨坑，还贼难排查错误 首先怀疑路由错误，打断点，看是否生成路由(因为我这里用 的是动态路由)，路由没问题 接着换个名字，放在别的parent路由下，发现还是有错误,清空本.vue，生成简单模板但是还是一样的名字，可以正常显 阅读全文
posted @ 2021-06-25 10:55 abcdefgab 阅读(5229) 评论(0) 推荐(1)
vue element upload 七牛云实现文件上传(还没有分片和断点续传)
摘要：代码没有排版,只是demo,轻喷哈哈哈 vue： 父组件HelloWorld.vue <template> <div> <div> <h1>上传组件</h1> <label> <img src="../assets/upload.svg"> <input hidden ref="uploadInpu 阅读全文
posted @ 2021-06-18 11:29 abcdefgab 阅读(347) 评论(0) 推荐(0)
vue 子组件无法watch到prop变化
摘要：今天写一个input的上传demo例子玩，主要想实现的效果是父组件图片变化，子组件也跟着变化 写的过程中发现父组件已经更新图片，而子组件无动于衷，想着是无法深度监听，就是watch了一下deep，但是还是不行，连watch都没进去， 经过一段时间的找bug，后来发现没有$set，所以vue无法感知到 阅读全文
posted @ 2021-06-17 15:32 abcdefgab 阅读(764) 评论(0) 推荐(0)
vue验证登录(Detected an infinite redirection in a navigation guard when going from "/" to "/login". Aborting to avoid a Stack Overflow. This will break in production if not fixed.)
摘要：####出现错误 提示信息： router.beforeEach((to, from, next) => { if (!storage.getItem('userInfo')) { console.log('error') next({ path: '/login' }) } else { cons 阅读全文
posted @ 2021-06-06 13:33 abcdefgab 阅读(9590) 评论(0) 推荐(0)
iview
摘要：<template> <div id="app"> <Table :columns="columns" :data="pageData" :border="true"> <Page :total="progressData.length" :current="page" :page-size="10 阅读全文
posted @ 2021-04-28 21:48 abcdefgab 阅读(209) 评论(0) 推荐(0)
vue使用flexible
摘要：1.安装postcss-pxtorem (注意这里有个坑，不要直接npm i 最高版本会报错,) npm i postcss-pxtorem@5.1.1 2.安装postcss、postcss-loader、less-loader 3.在根目录下新建postcss.config.js，具体代码如下 阅读全文
posted @ 2021-04-23 16:14 abcdefgab 阅读(697) 评论(0) 推荐(1)
element表单验证规则的简单配置
摘要：<template> <div id="app"> <el-form :inline="true" :model="data" :rules="rules" class="demo-form-inline" ref="form" > <el-form-item label="审批人" prop="u 阅读全文
posted @ 2021-03-13 21:39 abcdefgab 阅读(63) 评论(0) 推荐(0)
MVC模型
摘要：M：模型 public class Student { private String rollNo; private String name; public String getRollNo() { return rollNo; } public void setRollNo(String roll 阅读全文
posted @ 2021-02-19 10:45 abcdefgab 阅读(113) 评论(0) 推荐(0)
前端上线部署遇到的问题
摘要：###关于nginx.conf配置文件 ####问题: 403 Forbidden 原因:权限不够，或者启动nginx的不是当前用户 解决:(1) 将上线项目文件权限改为777 (2)将/etc/nginx/nginx.conf文件里面的use nginx;改为use root; 404 not f 阅读全文
posted @ 2021-02-16 18:07 abcdefgab 阅读(741) 评论(0) 推荐(0)
安装vue脚手架
摘要：npm install -g @vue/cli 创建项目 vue create freemall 阅读全文
posted @ 2020-10-18 16:25 abcdefgab 阅读(72) 评论(0) 推荐(0)
vue_webpack
摘要：1.生成项目工程描述文件 npm init 2.安装webpack开发依赖 (本地安装):npm install -D 3.(webpack4.0版本以上安装webpack cli) npm install webpack-cli -D 4.本地安装下webpack不能直接使用，需要指定路径执行。使 阅读全文
posted @ 2020-10-18 15:25 abcdefgab 阅读(60) 评论(0) 推荐(0)
VUE(IT老兵)
摘要：第一季： 1.课程概要 插件（Vetur代码高亮、Vue 2 Snippets代码提示、Live Server即时显示、open in browser） 2.Vue框架的介绍 阅读全文
posted @ 2020-10-10 23:58 abcdefgab 阅读(84) 评论(0) 推荐(0)
v系列
摘要：Vue基础示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D 阅读全文
posted @ 2020-07-20 11:29 abcdefgab 阅读(160) 评论(0) 推荐(0)