
Vue
damys
态度决定一切,积累决定层次,思维决定行为,习惯决定命运
展开
-
VUE----数字增加,兼容小程序
数字增加,兼容小程序原创 2024-05-07 11:46:29 · 376 阅读 · 0 评论 -
VUE----公司年度目标设置
公司年度目标设置原创 2022-06-07 15:35:10 · 249 阅读 · 0 评论 -
Vue---- nrm ls 报错:throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)
切换源nrm ls 报错:internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:124:11原创 2021-06-23 17:28:51 · 457 阅读 · 0 评论 -
Vue----跨域
跨域第1步: 配置代理,解决跨域的问题, 只有一个代理proxy: 'http://store1.mc.com', proxy: { "/api": { target: "http://store1.mc.com", changeOrigin: true }, "/foo": { target: "" }},第2步: 配置代理,解决...原创 2019-11-01 09:14:38 · 160 阅读 · 0 评论 -
Vue----拦截器
拦截器的一般使用// 引入拦截器import qs from 'qs' // 添加请求拦截器Axios.interceptors.request.use(function (config) { // post 方法时处理 if(config.method === 'post') { config.data = qs.stringify(config.data) }...原创 2019-11-01 09:12:40 · 190 阅读 · 0 评论 -
Vue----qs 一般是对http请求所带的数据进行解析
qs 介绍全称 querystring 一般是对http请求所带的数据进行解析querystring.stringify序列化;querystring.parse反序列化;querystring.escape编码;querystring.unescape解码;querystring.stringify({name: 'whitemu', sex: [ 'man', 'women' ...原创 2019-09-26 11:32:36 · 852 阅读 · 0 评论 -
Vue---- HTTP 库 Asios
安装与配置安装npm install axios --save or 使用cdn 在index.html 中引用asiox.min.js 在main.js // 第三方库import Axios from "axios"Vue.prototype.$axios = Axios // 全局默认值Axios.defaults.ba...原创 2019-09-26 11:31:14 · 2029 阅读 · 0 评论 -
Vue----生命周期
简述在beforeCreate时,vue的el还没有绑定元素在beforeMount时,只是虚拟节点挂载渲染,到了Mount才是挂载完毕,也就是挂载后。在updated中,可以进行dom的一些操作,但不可以在其中更改data组件中的值,否则会继续更新beforeupdate,updated,然后陷入死循环。在beforeDestory时,此时的实例对象还没有销毁,完全可用。只有Destor...原创 2019-08-14 09:41:16 · 329 阅读 · 0 评论 -
Vue---- vue.config.js 一般配置
官方文档https://cli.vuejs.org/zh/config说明vue-cli3将webpack的基础配置全部内嵌了,统一使用: vue.config.js当然,也可以单独创建,再引用module.exports = { publicPath:'./', // 公共,基本路径 // 输出文件目录,不同的环境打不同包名 outputDir:...原创 2019-08-14 09:37:30 · 4499 阅读 · 0 评论 -
Vue----ele-admin7
导般菜单标签tagbar<template><div class='tagbar'> <ul class="tag-list"> <li v-for="(item, index) in tagsList" :key="index" :class="{'active': isActive(item.path)}" > <...原创 2019-07-23 09:19:31 · 550 阅读 · 2 评论 -
Vue----ele-admin6
左侧菜单导航 sidebar<template> <div class="sidebar"> <div class="logo" v-if="!collapse">管理系统</div> <div class='logo logo-min' v-else>mini</div> <el-men...原创 2019-07-23 09:18:33 · 408 阅读 · 0 评论 -
vue----ele-admin5
头部bar<template> <div class='headbar'> <!-- 折叠按钮 --> <div class="header-left" @click="collapseChage"> <i class="icon--third_unfold" style="font-size:24px">...原创 2019-07-23 09:17:26 · 283 阅读 · 0 评论 -
Vue----ele-admin4
主要使用页面引用全局样式 App.vue<template> <div id="app"> <router-view/> </div></template><style>@import './assets/css/reset.css';@import './assets/css/fonts/icon...原创 2019-07-22 09:25:34 · 423 阅读 · 0 评论 -
Vue----ele-admin3
主要处理 main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'// 第三方库import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/...原创 2019-07-22 09:20:43 · 568 阅读 · 0 评论 -
Vue----ele-admin2
主要测试路由, router.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/'...原创 2019-07-22 09:19:34 · 504 阅读 · 0 评论 -
Vue----ele-admin1
效果图:主要配置文件 vue.config.jsconst MiniCssExtractPlugin = require('mini-css-extract-plugin')const Timestamp = new Date().getTime()const Version = 'V0.01' // 生产模式module.exports = { publicPath: './'...原创 2019-07-22 09:17:59 · 1462 阅读 · 0 评论 -
Vue----运行常见问题
问题1: num run dev 报错E:\xampp\htdocs\vue\lab\test>npm run dev> test@1.0.0 dev E:\xampp\htdocs\vue\lab\test> node build/dev-server.js> Starting dev server...events.js:160 throw er; // Unhandled 'e原创 2017-09-18 09:29:10 · 1999 阅读 · 0 评论 -
Vue----购物车Cart
功能:实现单个单价的变化,同步更新总价html<div class="wrap wrap-cart" id="app"> <div class="area"> <div class="cart-title"><span>购物车</span></div> <div class="cart-table"> <div class="cart-he原创 2017-09-15 16:05:13 · 1224 阅读 · 0 评论 -
Vue---- 简单的图书管理
图书管理<table class="table table-bg table-border table-bordered"> <tr> <th>ID</th> <th>书名</th> <th>作者</th> <th>价格</th> <th>操作</th> </tr> <tr v-for="(boo原创 2017-05-16 09:21:19 · 2611 阅读 · 0 评论