做一个用户评论页面,首先要写好静态的页面样式,再运用vue渲染数据,从而或得用户评论的数据,这里主要运用了v-for,以下是简单的示例代码html <div id="app"> <ul class="comment-list"> <li v-for="item in comments"> <div &g
创建导航页组件 在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-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 中
<template> <div id="app"> <!-- Header --> <el-header class="header"> <h1>文章列表</h1> </el-header> <!-- Main content area -->
原创 8月前
222阅读
讲解:uploadUrl是上传到文件服务器的后端接口地址,比如UPLOAD_URL: '"http://127.0.0.1:8080/myblog/common/file/upload"' <el-upload class="upload-demo" :action="uploadUrl" ...
vue
原创 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阅读
CDN方式引入Vue.js和ElementUIVue官网:https://cn.vuejs.org/ElementUI:https://element.eleme.cn/2.0/#/zh-CN/component/installation引入时需要注意的地方:先引入
原创 2022-03-01 14:20:44
1966阅读
表单代码: <el-table :data="joblistData" border style="width: 99%" :height=winHeight> <el-table-column prop="aa" align="center" label="ID"></el-table-colum ...
转载 2021-07-20 11:10:00
1478阅读
2评论
<template> <div> <section> <el-table :show-header="false" :data="tableData" border :cell-style="columnStyle" style="width: 100%; margin-top: 20px" > < ...
转载 2021-09-17 14:39:00
10000+阅读
2评论
vue+elementUI表格下载为excel
目录效果如下这个功能主要是靠elementUI的tab+Vuex来实现的,下面就来介绍如何实现的思路:首先我们正常点击菜单跳转页面是靠路由实现的,然后我们需要点击菜单生成tab页和设置显示的tab页,所以我们需要用Vuex定义一个数组options,用来存放添加进去的tab页,还有一个设置显示哪个tab页的属性activeIndex,所以在点击时我们把这个页面的信息存放到options里面...
原创 2021-09-02 11:13:09
2089阅读
vue+elementUI表单导致页面刷新点击按钮导致整个页面刷新,部分数据没有请求,偶尔会正常,可能和网络请求有关解决方法:可以在 标签上添加 @submit.native.prevent 或者 给button 添加 type=“button” 属性Internet Explorer 的默认类型是 “button”,而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。亲测两种方式均可...
原创 2023-01-16 17:58:23
250阅读
这是在学习javaweb基础开发时的笔记,实际开发时都是在spring框架下使用Part完成文件上传,所以下面的笔记仅作参考 1 文件上传 在很多业务场景,用户都需要上传头像、证件照以及其他文件。 文件上传就是用户通过浏览器选择需要上传的文件并将文件传输至网站服务器上的一个过程 文件上传需要对请求中 ...
转载 2021-08-12 23:52:00
413阅读
1点赞
2评论
  • 1
  • 2
  • 3
  • 4
  • 5