自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 jsconfig.json

自用

2023-12-07 16:39:12 125

原创 Vue同一路由多页面数据互相影响(已修复)

Vue同一路由多页面数据互相影响(已修复)

2022-12-27 11:45:28 2369 8

原创 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

原创 v-model实现原理

v-model实际上是绑定了一个input事件

2021-11-26 12:07:14 69

原创 element ui input输入不生效

element ui 优先处理input事件 所以应该在input上绑定修改值的事件或者方法

2021-11-26 09:50:48 1550

原创 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

原创 vue数据驱动

通过给属性绑定data中的属性值 修改data中的值来控制元素的相关属性

2021-11-18 18:01:34 71

原创 vue数据驱动思想

通过数据来控制节点的各种操作属性eg: 通过修改flag控制节点是否显示eg:通过修改data中的属性来控制节点是否可以操作

2021-11-18 17:33:59 56

原创 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关注的人

提示
确定要删除当前文章?
取消 删除