javaScript
长成一棵参天树
这个作者很懒,什么都没留下…
展开
-
按设计图大小进行rem适配
/*1920代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(1920, 100) window.onresize = function() { getRem(1920, 100) } ...原创 2020-04-26 22:38:35 · 744 阅读 · 0 评论 -
多个标题文字吸顶效果
scroll() { let h2s = this.$refs.essayContentRef.querySelectorAll("[id ^= anchor]"); let len = h2s.length; let offsetTops = []; for(let i=0; i<len; i++) { offset...原创 2020-03-16 16:37:39 · 278 阅读 · 1 评论 -
element-ui table遇见的问题
今天我想做一个table超出后自动加滚动条起初我把样式放在el-table上边结果做完以后切换分页一直再闪动我就很奇怪。花费了1小时解决最后原来不能修改原样式 然后我就再加了一层div结果没问题了,实现了滚动条.el-table-style{width:100%;height:calc(100vh-60px-60px-51px-3...原创 2019-11-28 18:12:17 · 150 阅读 · 0 评论 -
axios介绍
点击此处查看这篇文章写的很好噢原创 2019-10-19 13:36:34 · 109 阅读 · 0 评论 -
Vue render 函数中使用this
1.在render中直接使用this,on里面click函数不是箭头函数使用this需要在父级将this保存起来才能使用render: (h, params) => { const { row } = params let _this = this return h('div', { ...原创 2019-10-16 16:52:46 · 5391 阅读 · 3 评论 -
Vue坑之计算属性
今天试了个在computed里面去根据一个对象去return一个数组出去,当点击某个按钮将对应的属性修改,发现dom死活不更新,最后发现了。Vue计算属性只有在data属性更新了computed会随着一起更新,。将对象放在data中再更新属性就可以了。官网中的解释是这样的:我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于...原创 2019-10-14 10:07:36 · 483 阅读 · 0 评论 -
Do not use built-in or reserved HTML elements as component id: table
写Vue组件时候忽然报错,原来有以下几种:组件,不能和html标签重复如上的意思是table重名了由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:一是完全不合法的标签名,例如 </>;二是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 button 在 Chr...原创 2019-09-25 22:34:27 · 911 阅读 · 0 评论 -
Vue中点击加载更多滚动条滚动到页面最底部
<template> <div> <div class="table-container" ref="table-container"> <table class="table"> <tr v-for="(row,index) in data.slice(0,page)" :key="index">...原创 2019-09-25 22:38:50 · 2108 阅读 · 0 评论