李东平|一线码农

2020年10月24日

摘要： 1.背景 2.菜单导航实现代码: <template> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> 阅读全文

posted @ 2020-10-24 23:01 李东平|一线码农阅读(1235) 评论(0) 推荐(0)

vue项目之主页布局

摘要： 1.背景 2.基本结构代码: <template> <el-container class="home-container">  <el-header>Header</el-header> <el-container>  <el-aside width="20 阅读全文

posted @ 2020-10-24 14:59 李东平|一线码农阅读(1589) 评论(0) 推荐(0)

vue项目之登录功能

摘要： 1.背景在上一节的学习中我们基本上完成了登录的表单输入框界面如下: 代码:  <el-form label-width="0px" class="login_form">  <el-form-item > <el-input prefix-icon=" 阅读全文

posted @ 2020-10-24 09:59 李东平|一线码农阅读(1616) 评论(0) 推荐(0)

vue之element图标库使用与第三方阿里云图标库使用

摘要： 1.背景 2.element图标库使用假设要做一个如下效果代码如下:  <el-form label-width="0px" class="login_form">  <el-form-item > <el-input prefix-icon="el 阅读全文

posted @ 2020-10-24 08:34 李东平|一线码农阅读(1475) 评论(0) 推荐(0)

2020年10月21日

vue之插槽-slot

摘要： 1.背景 2.slot简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue 阅读全文

posted @ 2020-10-21 11:15 李东平|一线码农阅读(132) 评论(0) 推荐(0)

2020年10月19日

vue之父组件与子组件的通信

摘要： 1.背景参数传递(多理解) 1.父传子<c-parent :messagevue="message"></c-parent>,请看下面具体的截图描述 2.子传父<c-add @eadd="madd"></c-add>,请看下面具体的截图描述父子组件对象访问(很简单) 1.父组件访问子组件：使用$ 阅读全文

posted @ 2020-10-19 16:12 李东平|一线码农阅读(278) 评论(0) 推荐(0)

vue之父组件与子组件

摘要： 1.背景 2.简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dis 阅读全文

posted @ 2020-10-19 11:38 李东平|一线码农阅读(291) 评论(0) 推荐(0)

vue之组件的简单使用

摘要： 1.背景 2.组件的简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/ 阅读全文

posted @ 2020-10-19 10:45 李东平|一线码农阅读(156) 评论(0) 推荐(0)

2020年10月17日

vue之v-model表单绑定

摘要： 1.背景 2.简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <script src="https://cdn. 阅读全文

posted @ 2020-10-17 17:58 李东平|一线码农阅读(112) 评论(0) 推荐(0)

vue之循环遍历v-for

摘要： 1.背景 2.遍历数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <script src="https://cdn. 阅读全文

posted @ 2020-10-17 13:55 李东平|一线码农阅读(422) 评论(0) 推荐(0)

姿势帝