html
关注
分享
扫一扫
文章平均质量分 63
SoLucky2017
这个up主有点懒，懒上青天
展开
-
vue element ui axios 基础版本demo
<html><head> <meta charset="UTF-8"> <!--http://localhost:6975/test/esl.html--> <!-- 引入样式 --> <!-- 引入组件vant--> <!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script.原创 2020-09-25 16:52:32 · 290 阅读 · 0 评论 -
路由数组 三个点...代表什么
// 这里使用 es6 扩展运算符 ... 表示合并数组，// home items等也是内部一些数组，将这些数组合并为一个Vue.use(Router);const RouterModel = new Router({ routes: [...home, ...items, ...user, ...order, ...login]});...原创 2020-06-17 09:12:43 · 862 阅读 · 0 评论 -
vscode未用声明报错
删除即可原创 2020-05-15 15:22:28 · 1545 阅读 · 3 评论 -
vscode格式化换行长度设置
原创 2020-05-15 15:20:51 · 11834 阅读 · 0 评论 -
Vue检测报错Identifier is not a camel case (camelcas.
1 .elintrc.js添加rules:{//"quotes":[1,"single"],//'semi':["error","always"],"space-before-function-paren":0,'no-console':process.env.NODE_ENV==='production'?'warn':'off','no-debugger':process.env.NODE_ENV=...原创 2020-05-11 15:20:51 · 1756 阅读 · 0 评论 -
添加商品类型【树形控件table of tree】
vue-ui中添加依赖vue-table-with-tree添加 treetable控件全代码<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-br...原创 2020-04-27 16:46:11 · 270 阅读 · 1 评论 -
vue分配角色
1 添加按钮监听表里面有列最后一个列里面加入三个按钮【第三个按钮button被tooltip包围 述标略过可以提示】按钮监听方法弹出 dialogdialog：【单选下拉】dialog与列表同级别model层全量代码：<template> <div> <!-- 面包屑导航区域 --> ...原创 2020-04-26 17:30:05 · 949 阅读 · 0 评论 -
'scope' is defined but never used
在template使用scope属性时可能会出现波浪线或者编译时提示错误，但最终的编译结果正常，其实这是ESlint插件检查语法规范所致，该问题并不会影响程序的正常运行。 （一）在scope属性值下方出现红色波浪线，如下图所示： 它表明scope这变量已经定义了，但是从未被使用过。 （二）编译提示错误，如下图所示： 其实，在该错误的下方给出了修改...原创 2020-04-26 16:48:09 · 4354 阅读 · 0 评论 -
角色列表
添加model<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-br...原创 2020-04-26 11:40:36 · 453 阅读 · 0 评论 -
渲染二级菜单11：权限
创建新分支git branch //查看分支git checkout -b rights //创建新分支git branch //查看git push -u origin rights //新分支提交到云端--------------------------------------创建组件...原创 2020-04-25 19:54:14 · 182 阅读 · 0 评论 -
渲染二级菜单10：删除菜单 提示确认对话框dialog+ git切换到新用户上，然后提交到云端
1 监听添加element引用添加控件bing并监听2 http操作删掉云端数据// 根据Id删除对应的用户信息 async removeUserById(id) { // 弹框询问用户是否删除数据 const confirmResult = await this.$confirm( '此操作将永久删除该用户, 是否继续?'...原创 2020-04-25 09:37:06 · 246 阅读 · 0 评论 -
渲染二级菜单9：提交到后台user数据/crud
添加修改/删除按钮 监听-弹出对话框 并传入index实现方法展示dialog//展示编辑用户的对话框asyncshowEditDialog(id){console.log(id)const{data:res}=awaitthis.$http.get('users/'+id)...原创 2020-04-24 10:24:05 · 539 阅读 · 0 评论 -
渲染二级菜单8：添加用户【Dialog对话框】
实现添加用户A.当我们点击添加用户按钮的时候，弹出一个对话框来实现添加用户的功能，首先我们需要复制对话框组件的代码并在element.js文件中引入Dialog组件B.接下来我们要为“添加用户”按钮添加点击事件，在事件中将addDialogVisible设置为true，即显示对话框C.更改Dialog组件中的内容```<!-- 对话框组件 :visible.sync(设置是否...原创 2020-04-24 09:51:24 · 565 阅读 · 0 评论 -
渲染二级菜单7：搜索功能
实现搜索功能添加数据绑定，添加搜索按钮的点击事件(当用户点击搜索按钮的时候，调用getUserList方法根据文本框内容重新请求用户列表数据)当我们在输入框中输入内容并点击搜索之后，会按照搜索关键字搜索，我们希望能够提供一个X删除搜索关键字并重新获取所有的用户列表数据，只需要给文本框添加clearable属性并添加clear事件，在clear事件中重新请求数据即可```<el-co...原创 2020-04-24 09:45:15 · 239 阅读 · 0 评论 -
渲染二级菜单6：分页展示
<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-...原创 2020-04-23 16:07:42 · 286 阅读 · 0 评论 -
vue 二级列表menu渲染5：在列中自定义按钮
<el-table-columnlabel="操作"width="180px"><template><!--修改按钮--><el-buttontype="primary"icon="el-icon-edit"size="mini"></el-butto...原创 2020-04-23 14:46:46 · 295 阅读 · 0 评论 -
vue 二级列表menu渲染3：将表格与数据渲染
<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-...原创 2020-04-23 14:21:46 · 388 阅读 · 0 评论 -
vue 二级菜单渲染之2：获取列表model（http）
<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-...原创 2020-04-23 11:44:16 · 711 阅读 · 0 评论 -
vue二级菜单添加链接+点击二级菜单渲染页面
menu加router二级菜单加路径原创 2020-04-23 10:21:09 · 2294 阅读 · 1 评论 -
优化:1menu仅仅打开一个menu item 2menu 伸缩功能
<el-menubackground-color="#333744"text-color="#fff"active-text-color="#ffd04b"unique-opened>unique-opened仅仅打开一个menu制作侧边菜单栏的伸缩功能在菜单栏上方添加一个div``` <!-- 侧边栏,宽度根据是否折叠进...原创 2020-04-22 17:22:56 · 251 阅读 · 0 评论 -
通过后台接口获取菜单数据
axios请求拦截器axios请求拦截器后台除了登录接口之外，都需要token权限验证，我们可以通过添加axios请求拦截器来添加token，以保证拥有获取数据的权限在main.js中添加代码，在将axios挂载到vue原型之前添加下面的代码```//请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息axios.interceptors.request.use(c...原创 2020-04-22 15:55:10 · 1880 阅读 · 0 评论 -
vue后台框架
<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header> <!-- 页面主体区域 -->...原创 2020-04-22 15:53:33 · 210 阅读 · 0 评论 -
提交代码git
git add .git commit -m "desc login over"切换到主分支git merge login推送云端git push原创 2020-04-22 13:30:05 · 117 阅读 · 0 评论 -
Vue问题：error Strings must use singlequote
严苛检索项目根目录添加.prettierrc{ "semi": false, "singleQuote": true}去掉空格检索'space-before-function-paren': 0原创 2020-04-22 11:44:45 · 4529 阅读 · 0 评论 -
vue跳转页面【添加退出操作】
<template> <div class="login_container"> <div class="login_box"> <!-- 头像 --> <div class="avator_box"> <img src="../assets/logo.png" alt />...原创 2020-04-22 11:33:56 · 620 阅读 · 0 评论 -
vue组件弹窗提示
原创 2020-04-22 11:10:10 · 1750 阅读 · 0 评论 -
vue预校验表单
<template> <div class="login_container"> <div class="login_box"> <!-- 头像 --> <div class="avator_box"> <img src="../assets/logo.png" alt />...原创 2020-04-22 09:58:32 · 354 阅读 · 0 评论 -
vue数据绑定+数据验证
<template> <div class="login_container"> <div class="login_box"> <!-- 头像 --> <div class="avator_box"> <img src="../assets/logo.png" alt />...原创 2020-04-21 18:20:00 · 823 阅读 · 0 评论 -
输入框内添加图标
1 将fonts迁移到assets下fonts位置-----------------------------------------------------------------------------------------链接：https://pan.baidu.com/s/1UYLsss48wwhWH-6D4FuHxQ提取码：nbwj----------------...原创 2020-04-21 11:25:37 · 1557 阅读 · 0 评论 -
css居中的写法
position：absolute；left：50%；transform：translate（-50%，-50%）；原创 2020-04-21 08:59:00 · 267 阅读 · 0 评论 -
登陆页面element-ui实现
创建分支git checkout -b login查看分支git branch打开开vue ui运行server运行app修改<template> <div id="app"> app 根组件 </div></template><script>export default...原创 2020-04-20 12:18:13 · 9650 阅读 · 1 评论 -
登陆token交互图
原创 2020-04-20 10:41:38 · 724 阅读 · 0 评论 -
安装接口
安装nodejs链接：https://pan.baidu.com/s/1SZeS28RitX0U2KtcSICT6g提取码：bowj安装mysql安装sql：配置m'y'mysql地址：链接：https://pan.baidu.com/s/1Zx-CxCiLet6Yxfci_mkM7A提取码：7ppe然后安装servercnpm install //安装依...转载 2020-04-19 20:27:40 · 816 阅读 · 0 评论 -
使用vue-ui建立一个项目-项目初始化
1 vue ui安装插件element完成安装配置axios库在ui框架中 点击 “依赖”-“安装依赖”-------------创建码云进入“设置“-ssh公钥点击怎样生成公钥仓库管理-公钥管理生成/添加SSH公钥打开终端ssh-keygen -t rsa -C "XXXX@126.co...原创 2020-04-19 19:03:28 · 1774 阅读 · 1 评论 -
前端技术栈
原创 2020-04-19 17:12:47 · 400 阅读 · 0 评论 -
vue使用v-for时vscode报错 Elements in iteration expect to have 'v-bind:key' directives
1.在v-for 后添加 :key='item'<li v-for="i in list" :key="i">原创 2020-04-17 15:09:41 · 305 阅读 · 0 评论 -
v-model双向绑定数据与动作
v-bind与v-on组合绑定区别是：组合是class与动作的绑定；model是数据与动作的绑定原创 2020-04-17 14:02:25 · 132 阅读 · 0 评论 -
v-on动作
一、直接绑定事件： @事件名="方法" => @click="onClick" methods:{ onClick:function(){ console.log('onClick') } }二、绑定事件类 v-on="{事...原创 2020-04-17 09:15:57 · 138 阅读 · 0 评论 -
v-for遍历 v-bind绑定class属性
原创 2020-04-16 18:12:23 · 732 阅读 · 0 评论 -
v-text与v-html区别
原创 2020-04-16 15:56:03 · 264 阅读 · 0 评论