Vue
前端Vue学习记录
给我来个鸡腿
需要项目开发的请联系我
展开
-
前端-增删改查
前端-增删改查。原创 2022-11-10 10:08:21 · 363 阅读 · 0 评论 -
Vue转载合集
合集原创 2022-11-04 12:38:12 · 86 阅读 · 1 评论 -
Vue父子组件通信
组件通信原创 2022-08-05 09:59:41 · 153 阅读 · 0 评论 -
安装less
npm install less@3.0.0 -Dnpm install less-loader@5.0.0 -D原创 2022-08-03 15:18:02 · 278 阅读 · 0 评论 -
动态组件-component
动态组件原创 2022-07-22 10:13:01 · 174 阅读 · 0 评论 -
路由-嵌套路由
路由-嵌套路由。原创 2022-07-21 15:29:04 · 198 阅读 · 0 评论 -
路由-Tab切换页面
路由-Tab切换页面原创 2022-07-20 18:41:26 · 404 阅读 · 0 评论 -
var与let 的区别
var 会声明提升,let 不会 var 是函数作用域,let 是块级作用域 var 允许重复声明,let 不允许 var 声明的全局变量,会成为全局对象的属性,let 不会let、var 的区别_哔哩哔哩_bilibili原创 2022-03-31 14:01:32 · 87 阅读 · 0 评论 -
配置svg-icon
用法<el-input type="text" auto-complete="off" placeholder="账号"> <svg-icon slot="prefix" icon-class="user"/></el-input>配置1.开发依赖安装svg-sprite-loader2.components中引入SvgIcon3.增加src/icons/index.js4.修改 vue.config.js(没有就增加这..原创 2022-03-10 10:30:44 · 1090 阅读 · 0 评论 -
vue学习第07天
过滤器main.jsVue.filter('dateFormat', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHours()原创 2022-01-06 21:16:42 · 71 阅读 · 0 评论 -
vue学习第06天
动态参数// 请求路径:users/:id参数名 参数说明 备注 id 用户 id 不能为空 参数是url参数:id email 邮箱 可以为空 mobile 手机号 可以为空 const { data: res } = await this.$http.put('users/' + this.editUserForm.id,{email: this.editUserForm.email,mobile: this.editUse原创 2021-12-30 21:55:37 · 382 阅读 · 0 评论 -
vue学习第05天
作用域插槽<!-- 状态 --><el-table-column prop="mg_state"label="状态"width="100"> <template slot-scope="scope"> <!-- {{scope.row}} --> <el-switch v-model="scope.row.mg_state" @change="userStateChanged(scope.row)"&...原创 2021-12-29 22:29:34 · 280 阅读 · 0 评论 -
vue学习第04天
axios请求拦截器axios.interceptors.request.use(config => { config.headers.Authorization = window.sessionStorage.getItem('token') return config})Home路由重定向path: '/home',component: Home,redirect: '/Welcome',children: [ { path: '/...原创 2021-12-28 22:05:13 · 283 阅读 · 0 评论 -
vue学习第03天
效果样式 .login_form { position: absolute; bottom: 0; width: 100%; padding: 0 20px; box-sizing: border-box; } .btn { display: flex; justify-content: flex-end; }按钮点击重置<!-- 输入框 --><el-form ref="loginFor...原创 2021-12-24 22:50:24 · 598 阅读 · 0 评论 -
vue学习第02天
登录组件创建一个component<template><script><style>routerApp.vue由重定向// 路由重定向 { path: '/', redirect: '/login' },lang="less" 错误,less-load版本过高<style lang="less" scoped>.login_container { backgr...原创 2021-12-22 22:21:26 · 1197 阅读 · 0 评论 -
vue学习第01天
vue脚手架安装先要安装node.js安装淘宝境像npm install -g cnpm --registry=https://registry.npm.taobao.org安装vuecnpm i -g @vue/cli检查版本号vue -V创建项目vue ui安装插件element :按需导入安装依赖axios项目梳理main.js 整个项目的入口清理路由APP 根目录...原创 2021-12-21 22:48:06 · 629 阅读 · 0 评论