创建导航页组件 在components目录下新建一个navigation目录,在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示: 然后我们修改main.js文件,修改后的文件如下 我们可以看到render函数的参数由之前的App变为我们新创建的Navi组件。从此我们
原创
2021-09-26 17:28:17
1511阅读
html <template> <div class="app-container tree-container"> <el-table v-loading="loading" :data="listList" highlight-active row-key="id" :show-header=" ...
转载
2021-09-06 10:17:00
424阅读
2评论
创建导航页组件在components目录下新建一个navigation目录,在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示: 然后我们修改main.js文件,修改后的文件如下import Vue from 'vue'//import App from './App'import router from './router'import ElementUI f
转载
2021-06-12 16:14:00
193阅读
2评论
一.导入js,css import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
import Vue before Element -->
<script sr
转载
2021-05-10 17:14:25
541阅读
2评论
做一个用户评论页面,首先要写好静态的页面样式,再运用vue渲染数据,从而或得用户评论的数据,这里主要运用了v-for,以下是简单的示例代码html
<div id="app">
<ul class="comment-list">
<li v-for="item in comments">
<div &g
vue-element-admin框架快速入门:https://www.cnblogs.com/angelasp/p/12159902.html 解读vue-element-admin登录逻辑permission.js:https://blog.csdn.net/weixin_43564110/ar ...
转载
2021-08-18 17:30:00
191阅读
2评论
2020.7.21更新的vue-admin-template-4.4.0,现在尝试使用一下。https://github.com/PanJiaChen/vue-admin-template1 默认允许安装依赖:npm install运行项目:npm run dev登录访问:此时登录的url是前端传送给前端自己,使用mock目录下的模拟数据。所以只运行前端项目,也不会出现任何问题。2 配置2.1 中
转载
2024-08-21 17:37:34
133阅读
<template>
<div id="app">
<!-- Header -->
<el-header class="header">
<h1>文章列表</h1>
</el-header>
<!-- Main content area -->
前言使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一点的教程,可以留着以后来看。关于开发过程中,确实使用到很大一部分的文档,都说前端开发离不开文档,重要的话说三遍,一定要多看文档。管理后台解决方案vueelementadmin是一个后台前端解决方案,它基于vue和elementui实现。
原创
2021-08-05 10:33:37
500阅读
这是我参与8月更文挑战的第1天,活动详情查看: 8月更文挑战
前言
使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一点的教程,可以留着以后来看,正好在掘金上看到了关于8月更文挑战 的活动,看完我心动了,决定花一些时间和精力来参加这次的比较有意义的活动。
关于开发过程中,确实使用到很大一
原创
2021-08-07 23:30:09
848阅读
前言使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一系统(实战系列四)- form表单的处理在项目中,经常会用到form表单的功能,不管是添加还是修改信息,都会涉及到,Radio 单选框,Checkbox 多选...
原创
2021-08-10 13:55:36
419阅读
前言使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一点的教程,可以留着以后来看。关于开发过程中,确实使用到很大一部分的文档
原创
2021-08-10 15:56:52
178阅读
前言使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一点的教程,可以留着以后来看。关于开发过程中,确实使用到很大一部分的文档
原创
2021-08-10 15:57:10
263阅读
前言使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一点的教程,可以留着以后来看。
原创
2022-01-19 11:10:25
208阅读
这是我参与8月更文挑战的第2天,活动详情查看: 8月更文挑战前言使用ElementUI已经有一段时间了,在一边上手开发后台管理系统的同事,也记录了一些笔记,一直都没有时间将这些零零散散的笔记总结起来,整理成一个比较系统详细一点的教程,可以留着以后来看,正好在掘金上看到了关于8月更文挑战 的活动,看完我心动了,决定花一些时间和精力来参加这次的比较有意义的活动。关于开发过程中,确实使用到很大一
原创
2022-01-19 11:11:29
153阅读
讲解:uploadUrl是上传到文件服务器的后端接口地址,比如UPLOAD_URL: '"http://127.0.0.1:8080/myblog/common/file/upload"' <el-upload class="upload-demo" :action="uploadUrl" ...
原创
2021-06-21 18:02:22
240阅读
注:后台我是用pageHelper分页插件做的效果图:首先配置依赖<!--pageHelper分页
原创
2022-09-06 12:43:28
198阅读
CDN方式引入Vue.js和ElementUIVue官网:https://cn.vuejs.org/ElementUI:https://element.eleme.cn/2.0/#/zh-CN/component/installation引入时需要注意的地方:先引入vue.js然后在引入ElementUI组件库 需要挂载app(vue的作用域) 就是:<div id="#...
原创
2021-08-07 12:14:41
2622阅读
1、初始化创建一个vue项目: 打开终端输入命令 注意:Use ESLint to lint your code 可以选择NO 不然会做校验,提示代码警告。 2、切换到项目下,安装element-ui: 3、在项目中使用element-ui: 在main.js引入,并使用: 4、查看效果: 修改下c
原创
2021-09-26 17:30:00
343阅读
可视化新建项目打开可视化面板vue ui创建项目可以保存为预设,下次使用此预设时就不需要再次配置了创建完成后我们可以看到他的文件结构vue3初体验入口
原创
2021-11-20 13:47:32
203阅读