2021年12月2日

react后台管理系统

摘要: 1.home页结构 import React from 'react'; import { Layout, BackTop } from 'antd'; import SiderNav from '@/components/SiderNav'; import HeaderBar from '@/co 阅读全文

posted @ 2021-12-02 23:04 被窝暖暖嘻嘻嘻 阅读(770) 评论(0) 推荐(0) 编辑

2021年5月21日

linux系统nginx如何部署vue项目(附详细步骤)

摘要: 记录一下nginx部署vue前端项目: 一、安装mobaxterm工具 mobaxterm是一个登陆服务器的工具,可以执行linux命令,长这样: 二、登陆你要部署项目的服务器 点击session ssh 输入ip和用户名(root),如下图: 三、登陆之后,你看到的界面如下图: 四、下面开始安装n 阅读全文

posted @ 2021-05-21 17:33 被窝暖暖嘻嘻嘻 阅读(4083) 评论(0) 推荐(0) 编辑

2021年4月30日

vue中设置input输入框的值为正整数,不能为负数和小数

摘要: 一、新建文件夹 二、int.js中新增自定义指令 代码如下: import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] in 阅读全文

posted @ 2021-04-30 15:30 被窝暖暖嘻嘻嘻 阅读(2667) 评论(0) 推荐(1) 编辑

2021年4月13日

nginx(windows)如何部署vue项目

摘要: 一、安装windows系统的nginx,见如下地址: http://nginx.org/en/download.html 一般下载稳定版的 二、打包项目 npm run build 生成dist文件 三、将dist目录下的文件放在nginx所对应的html目录下 1.记得先删除原本自带的css文件再 阅读全文

posted @ 2021-04-13 18:12 被窝暖暖嘻嘻嘻 阅读(466) 评论(0) 推荐(0) 编辑

2021年3月29日

vue多个表单验证(Promise.all)

摘要: 一、假设有如下两个表验证通过之后才能提交表单 代码如下: 二、 组件中的代码 阅读全文

posted @ 2021-03-29 17:09 被窝暖暖嘻嘻嘻 阅读(509) 评论(0) 推荐(0) 编辑

2021年3月17日

vue 路由传递参数,刷新页面 数据变成 [Object object]

摘要: 通过路由传递参数时,发现一刷新页面,数据丢失的解决办法: JSON.stringify() 把对象变成字符串传递 JSON.parse()获取 阅读全文

posted @ 2021-03-17 19:00 被窝暖暖嘻嘻嘻 阅读(675) 评论(0) 推荐(0) 编辑

vue中解决父组件给子组件传值,子组件拿不到值

摘要: 第一种方法:用v-if判断传的值中有没有值 第二种方法:在子组件中监听 阅读全文

posted @ 2021-03-17 10:54 被窝暖暖嘻嘻嘻 阅读(1879) 评论(0) 推荐(0) 编辑

2021年3月5日

vue项目封装axios请求的get、post、put、delect请求

摘要: 第一步:在src目录下新建service文件夹,文件夹下新建api.js和http.js 第二步:http.js中封装axios请求,可以复制如下代码 import axios from 'axios' import Qs from 'qs'; import {Message} from 'elem 阅读全文

posted @ 2021-03-05 09:52 被窝暖暖嘻嘻嘻 阅读(1816) 评论(0) 推荐(0) 编辑

2021年3月4日

vue代码格式化-eslint

摘要: Vue项目中ESLint基本语法要求 JS中的字符串使用单引号包裹 代码结尾不能跟分号 声明的变量和方法必须被调用 代码的最后一行要加换行 tab键用多个空格代替, 一个tab键等于2个空格 声明的方法名和圆括号之间加空格 为了适应ESLint语法要求, 前期的准备工作 安装ESLint插件, 实时 阅读全文

posted @ 2021-03-04 19:55 被窝暖暖嘻嘻嘻 阅读(275) 评论(0) 推荐(0) 编辑

vue后台管理项目PC端页面自适应

摘要: 第一步:安装 px2rem-loader 第二步:在项目根目录文件夹下新建vue.config,js,加如下配置 第三步:项目目录文件夹下新建文件 第四步:flexible.js文件中粘贴如下代码: ;(function(win, lib) { var doc = win.document; var 阅读全文

posted @ 2021-03-04 19:48 被窝暖暖嘻嘻嘻 阅读(1506) 评论(0) 推荐(0) 编辑

导航