摘要: 一个父元素div里面套多个子div时,加所有子元素设置左浮动,最后一个子元素设为右浮动,外边父元素设一个固定宽,当子元素超过父元素宽度,自动换行左浮动, 但有一点需要注意,前面的div的高度都需要统一高度,但凡有一个高度大于后面的div,都会被挡住。 demo <div class="searchF 阅读全文
posted @ 2021-03-08 20:36 shetoutou 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 由于el-tree树形结构中父子关联属性不满足需求,需要自定义一个关联性的功能 el-tree中 check-strictly 属性能让父子节点关联,达到下面几种效果: 选中父节点,其所有子节点选中 只要选中一个以上子节点,所有父节点都选中 取消所有子节点,父节点也取消 我们需求的效果是: 选中父节 阅读全文
posted @ 2021-03-05 13:21 shetoutou 阅读(912) 评论(0) 推荐(0) 编辑
摘要: 在表格中加入这段即可 <template slot="empty"> <img :src="require('@/assets/empty.png')" alt="" style="height:80px;margin-bottom:-60px"> <p>暂无数据</p> </template> 阅读全文
posted @ 2021-02-19 19:06 shetoutou 阅读(552) 评论(0) 推荐(0) 编辑
摘要: vue后台项目的一套基本的登录流程: 前端调后端的登录接口,每次登录成功后,后端会返回一个token字段,前端将这个token保存,之后发送请求的时候,请求头带上这个token,后端收到请求后,会匹配token,匹配成功,则发送接口,匹配失败,则不会允许请求接口,vue项目中,可以在axios中封装 阅读全文
posted @ 2021-01-19 17:35 shetoutou 阅读(1347) 评论(0) 推荐(0) 编辑
摘要: 在vue单文件组件里有时需要重置data中的数据,比如表单填写一半,用户想重新填写。或者新增成功后,再次信息,打开弹框,希望之前填写的内容清空,发现一个简单写法:this.form = this.$options.data().form;(form为你要清空的表单) <script> export 阅读全文
posted @ 2021-01-15 10:50 shetoutou 阅读(2043) 评论(0) 推荐(0) 编辑
摘要: 如果想注册局部指令,组件中也接受一个 directives 的选项: directives: { drag: { // 指令的定义 bind: function (el, binding, vnode) { // el 代表绑定的dom对象,可以修改 // binding 是一个对象,不可修改 // 阅读全文
posted @ 2020-11-25 10:04 shetoutou 阅读(1797) 评论(0) 推荐(0) 编辑
摘要: obj.name >obj[name] 这两种调用方式一样,obj['name'] 里面必须是字符串 例如 for (let i = 0; i < value.length; i++) { obj['name' + i] //相当于下面 obj.name1 obj.name2 obj.name3 . 阅读全文
posted @ 2020-10-29 20:15 shetoutou 阅读(781) 评论(0) 推荐(0) 编辑
摘要: 1 给要进行拖拽的div加上draggable="true" ondrop="drop(event,this)" ondragstart="drag(event, this)" ondragover="allowDrop(event)"三个属性 <!-- 图表容器 --> <div id="echa 阅读全文
posted @ 2020-08-17 20:24 shetoutou 阅读(973) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-08-17 20:17 shetoutou 阅读(308) 评论(0) 推荐(0) 编辑
摘要: var before = $(window).scrollTop(); //滚动事件 $(window).scroll(function() { var after = $(window).scrollTop(); if (after > before) { console.log('下') bef 阅读全文
posted @ 2020-08-17 20:16 shetoutou 阅读(735) 评论(0) 推荐(0) 编辑