![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
郭大钰
这个作者很懒,什么都没留下…
展开
-
vue 打包后如何修改接口地址?提供 config.js 进行配置
背景在 vue 项目中,我们可以通过不同的环境,访问不同的服务器. 虽然可以使用环境的切换,但是在打包成html文件后,想对其进行修改就不行了。// 环境的切换if (process.env.NODE_ENV == 'development') { axios.defaults.baseURL = 'https://localhost:8888';} else if (process.env.NODE_ENV == 'debug') { axios.defaults.原创 2020-11-17 11:44:49 · 5619 阅读 · 12 评论 -
2020-10-14
分页效果html <el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}" :data="result" style="width: 100%"> <el-table-column prop="ot" label="ot" :width="150"> </el-table-column原创 2020-10-14 12:59:30 · 72 阅读 · 0 评论 -
element-ui表格表头添加背景,修改字体(表头明显)
原改变后代码<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}" :data="msg" style="width: 100%,margin-bottom:50px">原创 2020-10-14 12:47:34 · 2289 阅读 · 0 评论 -
在element-ui的表格里进行换行
效果图html<el-table-column prop="desc" label="" width="780"> <template slot-scope="scope"> <tr v-html="scope.row.desc.join('')"></tr> <!-- <span style="margin原创 2020-10-14 12:41:10 · 3189 阅读 · 0 评论 -
element-ui分页修改背景颜色
CSS样式element-ui样式修改后修改相关代码::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active { background-color:#009688; //修改后的背景图颜色 color: #fff; }原创 2020-10-14 11:39:37 · 3826 阅读 · 6 评论 -
Layui
一,下载二,下载文件说明CSS样式font字体image图片lay (modules)对象的内置模块layui.all.js 包含了所有模块的jslayui.js 如果要使用必须使用layui.use([“table”,“layer”,“laydate”,“form”].funtion(){})二,图标图标按钮导航...原创 2020-09-27 17:58:29 · 62 阅读 · 0 评论 -
axios实现搜索,页面跳转,element-ui 表格展示数据
页面布局请求数据1.封装请求(request.js)import axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'http://localhost:3000',//后台传递的接口 timeout: 1000 }) // 2.axios的拦截器 // 2.1.请求拦截的作用 instan原创 2020-09-27 10:52:36 · 2312 阅读 · 0 评论 -
vue-router 路由 相关知识详解
Vue-router详解1.认识路由2. Vue-router基本使用3. Vue-router嵌套路由4. Vue-router参数传递5. Vue-router导航守卫6. keep-alive一,认识路由1.1相关概念定义:路由就是通过互联的网络吧信息从源地址传输到目的地址的活动。路由器提供了两种机智:路由和转送。路由是决定数据包从来源到目的地的路径。转送将输入端的数据转移到合适和输出端。路由中有一个非常重要的概念:路由表路由表本质上就是一个映射表,决定了数据包的原创 2020-08-08 09:51:49 · 361 阅读 · 0 评论 -
axios请求数据,饼图动态数据展示
1.先写一个div<template><div> <div id="chartPie"></div></div></template><script>//引用echartsimport echarts from "echarts";//请求数据import {getPieData} from "@/network/cart";export default {name: "Cart", d原创 2020-09-17 16:46:24 · 429 阅读 · 0 评论 -
部署项目
一,对项目进行打包npm run bulid服务器问题:一台电脑(没有显示器,主机),24小时开着,为用户提供服务。服务主机?——>租借 阿里云(流媒体)/华为云/腾讯云(配置)主机——>操作系统——>window.net/Linux——>tomcat/nginx(软件/反向代理)第一:将自己的电脑作为服务器——>window——>nginx(服务器)第二:远程部署(Mac)window下载nginx(最好不要含中文)主要分为3类Mainline ve原创 2020-09-17 13:53:07 · 146 阅读 · 0 评论 -
Element-UI库
Element-UI库1.npm安装npm i element-ui -S2.引入Element (在main.js)import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h原创 2020-09-12 18:19:45 · 185 阅读 · 0 评论 -
Vue基础语法,Vue组件化开发
Vue相关知识1.邂逅Vue2.Vue基础语法3.组件化开发4. Vue cli5.Vue router 路由6.vuex7.网络封装一,邂逅Vue1.1认识Vue.jsVue,是一个渐进式的框架。意味着你可以将Vue作为应用的一部分嵌入其中,带来丰富的交互体验。特点解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM1.2 安装Vue1.CDN引入2.下载引入3.NPM安装1.3 Vue初体验hellovue<div id="app">原创 2020-08-06 16:36:55 · 348 阅读 · 0 评论 -
Vuex详解
Vuex详解Vuex是一个专为Vue.js应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生改变。状态管理模式集中式存储管理在多个组件间共享状态的插件一,单界面的状态管理1.在单个组件中进行状态管理State:状态(data中的属性)VIew:视图层,针对State的变化,显示不同的信息。Actions:主要是用户的各种操作:点击,输入等等,导致状态的改变。<template><div>原创 2020-09-09 11:39:00 · 109 阅读 · 0 评论 -
搭建vue框架前的准备
vue框架前期准备一,检测nodenode - v二,安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org三,安装webpacknpm install webpack -gwebpack的查询:webpack -v四,安装vue-clinpm install -g vue-cli 是否安装成功:vue -V...原创 2020-08-31 17:46:30 · 86 阅读 · 0 评论 -
Mockjs
mockjs作用生成随机数据语法拦截请求Vue结合mockjs实现生成随机数据,拦截AJAX请求模拟后端接口,返回随机数据比较采用json数据模拟,生成数据比较繁琐,有局限性采用mockjs进行模拟数据,模拟各种场景(get,post)生成接口,生成所需数据,进行增删改查。1.安装mocknpm install mockjs//引入mockimport Mock from 'mockjs'//生成文本// const data = Mock.mock({// '原创 2020-08-19 08:59:55 · 74 阅读 · 0 评论