- 博客(27)
- 收藏
- 关注
原创 2021/12/8
elementui的树级表格结构的hasChild只接受 布尔值在使用过程中 我将对象上的一个属性绑定在hasChild上 结果多级表格不生效 在谷歌浏览器中 93.0.4577.63版本中 undefined == 0为falseundefined == null为truenull == 0为false一个元素本身是不浮动 但是他的子元素是浮动的 想让子元素撑开父元素 需要在元素末尾 加最后一个div 或者display为block的伪元素 ::after 里面样式添加上cle
2021-12-08 12:39:53
159
原创 mock.js 找不到数据的对应属性
第一次使用mock.js时 数据已经在控制台输出了 但是访问数据上的属性时却提示该属性未定义 在数据实例化以后 应该使用JSON.parent()将数据转为json格式,之后就可以在数据上访问到对应的属性了...
2021-11-29 08:07:28
531
原创 vue数据更新了但是视图没更新
vue2使用this.set更新数据this.set 更新数据 this.set更新数据this.get更新视图 当出现多层数据调用this.set强制改变数据时,也会调用this.set强制改变数据时,也会调用this.set强制改变数据时,也会调用this.get改变视图vue2会监听不到数据的改变vue3使用es6的proxy 可以监听到多层数据的变化react的改变数据有时候是同步的有时候是异步的...
2021-11-25 18:22:43
149
原创 vue的v-on的$event参数
今天写项目遇到一个需求 将一个对象动态渲染为一个label及一个input 其中需要将修改后的input返回给后端 最开始我用v-for循环这个对象 然后用:value=value来为input绑值 但是获取不到修改后的值然后换v-model来绑定对象中的value 但是vue报错最后在前辈的帮助(请别人写)下 使用vue的绑定事件监听器获取当前事件,事件$event中有一个target.value可以获取当前的input值 从而获得修改后的input值<!DOCTY...
2021-11-23 23:07:05
1018
原创 2021.11.14 vue子组件向父组件传参回顾
搭建好实例后 发现子组件可以触发父组件上的方法 缺无法传递参数 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi..
2021-11-14 23:26:41
348
原创 elementui
elementui 中 container容器布局的子元素高度是通过标签来改变的 不能通过class来来改变<template> <div class="containerBox"> <el-container class="container2"> <el-header class="header1" height="120px">header</el-header> <el-containe...
2021-11-09 22:45:18
1350
原创 2021.10.28
今日主要使用elementui vue搭建页面animation动画 animation有6个属性animation 最常用的几种属性有以下几种:animation-name(动画名称)animation-name属性是必须存在的,因为animation-name的值默认是none,没有动画。animation-duration(动画执行一次所需时间)animation-duration属性也是必须存在的,因为animation-duration的值默认是0,没有动画。animat
2021-10-28 17:22:05
56
原创 es6 -- promise
//promise里面的执行过程 let j = ['1', 2, 33, 'abc'] const promise = new Promise(function(resolve, reject) { console.log('promise'); resolve(j); }) promise.then(e => console.log(e) ) function reject() { ...
2021-10-26 21:45:16
118
原创 简单的笑话生成器(MDNcase)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-10-22 10:26:06
902
原创 elementui的小demo
基于vue及elementui制作的小demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.
2021-10-21 16:55:15
499
原创 vue报错解决方案 [Vue warn]: Invalid prop: type check failed for prop “width“. Expected Number w
组件1 helloword组件(默认页)<template> <div class="hello"><el-menu :default-active="'2-1'" class="el-menu-demo" > <el-col> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index='2'> <template slot=".
2021-10-21 15:39:21
5276
原创 vue渲染静态数据
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <style type="text/css"> .box { wi.
2021-10-20 14:21:48
637
原创 简单的vue项目
HellowWorld.vue组件<template> <div class="hello"><el-menu :default-active="'2-1'" class="el-menu-demo" > <el-col> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index='2'> <template slot="ti..
2021-10-20 13:00:07
1517
2
原创 三级菜单的js实现(原生)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>菜单</title> <style > .box{ display: flex; background-color: #0094ff; height: 43.75rem; width: 100%; } .box_menu{ height:...
2021-10-20 12:54:17
640
原创 左侧菜单组件
一个简单的三级菜单组件,css中添加了脱离文档流,使之不会随页面滚动采用v-for循环渲染数据<template> <div id="menu_box"> <!-- <ul> <li @click.stop="click_one()">10001 <ul v-if="flag_one"> <li @click.stop="click_sec()">10011 ...
2021-10-19 18:03:13
168
原创 element ui 导航栏
<el-menu>标签中可以有el-submenu和el-menu-item标签组成<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> &l
2021-10-19 18:00:50
248
原创 es6--箭头函数和解构赋值的小case
//箭头函数和解构赋值的一起应用 const full = ({ first, last }) => first + '' + last; let e = full({ first: 'xf', last: 'hy' }); console.log(e);...
2021-09-21 11:36:23
78
原创 es6 作用域
函数内部的let会被忽略 在外部声明x后 函数可以正常执行,当外部声明被注释后,函数无法执行 ,因为函数内部的let声明被忽略 x变为未定义 // let x = 1; function f(y = x) { let x = 2; //函数内重新声明的let const 会被忽略 console.log(y); console.log(x); } f(); ...
2021-09-20 19:39:49
41
原创 es6新增的字符串 数字 的操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-09-20 17:01:05
80
原创 es6 day1
类和构造函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-09-20 14:02:18
52
原创 2021.9.20
求班级总成绩和平均成绩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-09-20 13:51:16
39
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人