上一页 1 ··· 3 4 5 6 7 8 9 10 11 下一页
摘要: ::-webkit-scrollbar{ width: 8px; } /*滚动槽*/ // ::-webkit-scrollbar-track{ // -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3) ; // border-radius: 10px; 阅读全文
posted @ 2023-02-20 11:09 yunChuans 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 效果 安装vis.js npm i vis.js --save 中文文档:https://ame.cool/pages/a7d858/#network-%E5%85%B3%E7%B3%BB%E5%9B%BE 示例:https://visjs.github.io/vis-network/example 阅读全文
posted @ 2023-02-20 10:59 yunChuans 阅读(1982) 评论(0) 推荐(1) 编辑
摘要: 如果需要一个标签动态展示图片,放在static不要用assets目录 原因是asset的文件会被直接打包到项目中,而static的文件在打包后会独立成为一个文件夹,如果动态引入某文件,默认是采取打包后路径访问的方式,因此只能访问打包后还存在的static文件夹。asset的文件只能直接静态使用,因为 阅读全文
posted @ 2023-02-17 17:18 yunChuans 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 侦听器格式 函数格式 缺点 无法在刚进入页面的时候自动触发。 如果监听了一个对象,那就无法监听对象内部属性变化 watch: { username(newVal) { if (newVal '') return //1.调用 jQuery 中的 Ajax 发起请求,判断 newVal 是否被占用 $ 阅读全文
posted @ 2023-02-17 17:04 yunChuans 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 前言 在实际项目中,我们可能需要对请求进行“防抖”处理。这里主要是为了阻止用户在某些情况下短时间内重复点击某个按钮,导致前端向后端重复发送多次请求。这里我列举两种比较常见的实际情况: PC端 - 用户双击搜索按钮,可能会触发两次搜索请求 移动端 - 因移动端没有点击延迟,所以极易造成误操作或多操作, 阅读全文
posted @ 2023-02-17 16:52 yunChuans 阅读(2234) 评论(1) 推荐(0) 编辑
摘要: 介绍 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。 案例 有父子组件,根据父组件传过来的值,子组件显示不同的h。 子组件 test.js export default { 阅读全文
posted @ 2023-02-10 16:32 yunChuans 阅读(172) 评论(0) 推荐(0) 编辑
摘要: element-ui的官网中,关于el-drawer的例子都是在body中打开,我的项目需求中,需要在某个DIV中打开。参考了网上的例子,实现了此功能,记录一下 父容器的div中,设置: style="position: relative;overflow: hidden;" el-drawer 一 阅读全文
posted @ 2023-02-10 10:59 yunChuans 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 因为需要对请求到的数据进行处理后在渲染到视图上,所以借助 handleDate 变量来对原始的 数据 data2 进行处理, methods: { //点击实时概况 hidden(){ let panelData = this.data2; let handleDate = this.data21; 阅读全文
posted @ 2023-02-10 10:58 yunChuans 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 效果 核心实现思路 先通过input的input事件,获取到输入框里输入的关键字,根据关键字过滤一遍数据。 根据过滤后的数据,调用封装好的替换方法。就是字符串的替换,替换成html片段,在dom元素上使用v-html。 替换方法实现 // 匹配到的关键字变色 keyWordchangeColor(k 阅读全文
posted @ 2023-02-09 17:07 yunChuans 阅读(362) 评论(0) 推荐(0) 编辑
摘要: const arr1 = [ {id: 1, name: 'aaa'}, {id: 2, name: 'bbb'}, {id: 3, name: 'ccc'}, {id: 4, name: 'ddd'} ] const arr2 = [ {uid: 2, uname: 'eee'}, {uid:4, 阅读全文
posted @ 2023-02-03 09:42 yunChuans 阅读(490) 评论(0) 推荐(1) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 下一页