方法 - 随笔分类(第3页) - occc

父子组件传值，传递事件

摘要：1. 父组件向子组件传值使用props传值父组件中：子组件中： 2. 子组件向父组件传值使用事件发送的方式，通过函数的参数传值子组件中：父组件中：通过语法糖双向绑定传值，详见父子组件双向数据绑定 https://www.cnblogs.com/yan122/p/15620644.htm 阅读全文

posted @ 2021-01-22 14:58 occc 阅读(318) 评论(0) 推荐(0)

居中

摘要：绝对定位水平垂直居中： position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 阅读全文

posted @ 2021-01-05 18:51 occc 阅读(106) 评论(0) 推荐(0)

json 字符串和对象的转换

摘要：字符串转对象： JSON.parse(jsonStr) 对象转字符串： JSON.stringify(Obj) JSON.stringify(Obj, null, 2) // 可以将格式化后的对象转回原来格式的字符串它有三个参数: value：将要序列化成一个 JSON 字符串的值。 repla 阅读全文

posted @ 2020-12-25 11:12 occc 阅读(154) 评论(0) 推荐(0)

不使用for循环生成1-100的数组（转）

摘要：var filled = Array.from(Array(100), (v,k) => k+1); https://www.h3399.cn/202003/761821.html 阅读全文

posted @ 2020-12-22 11:53 occc 阅读(415) 评论(0) 推荐(0)

html 标签

摘要：<label> 标签： <pre> 标签：可定义预格式化的文本。被包围在 <pre> 标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。常用来表示计算机的源代码使用前使用后使用方法： <pre> {{content}} </pre> 阅读全文

posted @ 2020-12-15 16:13 occc 阅读(86) 评论(0) 推荐(0)

scss全局混入配置（引用）

摘要：在main.js和app.vue中引入混入后，并不能直接在全局使用要使混入全局声明，可以在vue.config.js中配置（方法2实证可行） a.方法1 如果使用的是vue-cli的版本是比较低的版本，我们可以通过使用 sass-resources-loader这个插件，修改vue-cli的目录下阅读全文

posted @ 2020-12-14 18:34 occc 阅读(2206) 评论(0) 推荐(0)

sort比较方法的使用

摘要：所有的JavaScript数组都能用sort方法。利用该方法可以只定义一个比较算法，比较算法用于指示按什么顺序排列。不同于让排序算法来决定哪个值在前哪个值在后，我们将会提供一个函数来执行比较。我们会让排序算法能够获取这个比较函数作为回调，使算法在其需要比较的时候，每次都能够调用回调。该回调函阅读全文

posted @ 2020-11-26 10:16 occc 阅读(177) 评论(0) 推荐(0)

模块的导入导出

摘要：阅读全文

posted @ 2020-11-25 15:07 occc 阅读(76) 评论(0) 推荐(0)

在vue路由器中获取所有路由

摘要：$router.options.routes 阅读全文

posted @ 2020-10-31 15:17 occc 阅读(11370) 评论(0) 推荐(0)

vue 对象的深拷贝

摘要：使用JSON方法将数据解析成JSON字符串，之后再转换成对象数据 JSON.parse(JSON.stringify(this.transformers)) 阅读全文

posted @ 2020-10-30 14:30 occc 阅读(945) 评论(0) 推荐(0)

路由懒加载

摘要：在routes.js 将import Home from “/user/index” 改成cosnt Home =（）=>import("/user/index")//这样就能实现路由分片打包，按需加载 import Vue from 'vue' import Router from 'vue-ro 阅读全文

posted @ 2020-10-27 14:29 occc 阅读(167) 评论(0) 推荐(0)

缓存

摘要：1.sessionStorage：本地缓存，关闭窗口清空缓存加入缓存：sessionStorage.setItem('headerTitle',this.headerTitle); 获取缓存中的数据：this.headerTitle = sessionStorage.getItem("header 阅读全文

posted @ 2020-10-27 14:22 occc 阅读(294) 评论(0) 推荐(0)

vue $route监听()引用

摘要：watch: { $route(to,from) { } } 在任意组件中监听路由，当路由发生变化时，可进行某些操作。阅读全文

posted @ 2020-10-27 14:06 occc 阅读(1093) 评论(0) 推荐(0)

vue 全局变量的设置与在组件中修改全局变量（引用）

摘要：新建一个js文件，我这里新建的为defined.js 代码如下我添加了两个全局变量 access_token:"", refresh_token:"", set方法是在组件中修改全局变量时需要的，然后在vue项目的main.js中导入defined.js文件然后将对象添加到vue原型链上，阅读全文

posted @ 2020-10-27 14:04 occc 阅读(4856) 评论(0) 推荐(1)

vue 路由传递参数

摘要：1.// 使用命名进行路由跳转 router.push({ name: 'user', params: { userId: '123' }}) 2.// 带查询参数，地址栏变成 /register?plan=private router.push({ path: 'register', query: 阅读全文

posted @ 2020-10-15 17:59 occc 阅读(148) 评论(0) 推荐(0)

方法积累之Object.assign() Array.concat()

摘要：1.Object.assign() 用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target），返回合并的值。 const target = { a: 1 }; const source1 = { b: 2 }; const source2 = { c: 3 }; Ob 阅读全文

posted @ 2020-10-13 19:00 occc 阅读(647) 评论(0) 推荐(0)

style根据变量动态设置样式

摘要：阅读全文

posted @ 2020-10-11 12:00 occc 阅读(887) 评论(0) 推荐(0)

属性选择后接变量

摘要：使用形式： getData(type) { const defaultType = this.selectedType this.thisData = v[type]||v[defaultType] }) } 对象名后直接接中括号阅读全文

posted @ 2020-08-24 11:46 occc 阅读(101) 评论(0) 推荐(0)

可选链操作符

摘要：百度：可选链操作符是一个新的js api，它允许读取一个被连接对象的深层次的属性的值而无需明确校验链条上每一个引用的有效性。目前处于Stage 3提案阶段，暂时不可以直接使用，可以通过babel编译器使用。比如，我们有一个对象obj，现在要访问它的深层属性baz。 const obj = { fo 阅读全文

posted @ 2020-08-22 12:04 occc 阅读(208) 评论(0) 推荐(0)

map使用

摘要：用于对数组中的数据进行处理 this.energyLists.tableData = response.energy.map((v,i) => { const year = moment(v.dataMonth).format('YYYY') return { ...v, year} }) v代表数阅读全文

posted @ 2020-08-22 10:31 occc 阅读(75) 评论(0) 推荐(0)

随笔分类 - 方法