2022年2月16日

vue+element-ui 前端实现分页效果

摘要: 1.使用el-pagination分页插件 <!--分页条--> <div class="page"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page 阅读全文

posted @ 2022-02-16 17:01 一名小学生呀 阅读(322) 评论(0) 推荐(0) 编辑

vue-router 的使用(转)

摘要: vue-router 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容 Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分 阅读全文

posted @ 2022-02-16 17:00 一名小学生呀 阅读(47) 评论(0) 推荐(0) 编辑

vue的常用修饰符

摘要: .lazy(减少触发次数) 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,相当于在onchange事件触发更新 <div> <input type="text" v-model.lazy="value"> <p>{{value 阅读全文

posted @ 2022-02-16 16:36 一名小学生呀 阅读(73) 评论(0) 推荐(0) 编辑

tooltip鼠标放上提示的设置

摘要: 在 option配置中设置 tooltip 属性 tooltip: { trigger:"axis", formatter:function(val){ var txt = val[0].name; return val[0].marker+val[0].name+":"+val[0].value+ 阅读全文

posted @ 2022-02-16 16:30 一名小学生呀 阅读(228) 评论(0) 推荐(0) 编辑

对象的处理

摘要: Object.assign 拼接、克隆、修改对象 // 基本用法 Object.assign(target, ...sources) Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参 阅读全文

posted @ 2022-02-16 16:18 一名小学生呀 阅读(37) 评论(0) 推荐(0) 编辑

字符串的处理

摘要: substring() 和 substr() 相同:如果只是写一个参数,两者的作用都一样:都是是截取字符串从当前下标以后直到字符串最后的字符串片段 substr(startIndex);substring(startIndex); var str = '12345678' console.log(s 阅读全文

posted @ 2022-02-16 11:28 一名小学生呀 阅读(30) 评论(0) 推荐(0) 编辑

vue 插槽(slot)的使用方法

摘要: vue的slot主要分三种:默认插槽,具名插槽,作用域插槽 使用插槽是在存在父子关系的组件,可以在子组件中决定插槽的位置,同时子组件也可以给这些插槽的默认信息,当父组件中没有需要给子组件插槽插入信息时,显示的是子组件插槽定义的默认信息。 默认插槽的使用: // 默认插槽<slot></slot> / 阅读全文

posted @ 2022-02-16 10:10 一名小学生呀 阅读(14994) 评论(0) 推荐(1) 编辑

2022年2月3日

求数组平均值 === 箭头函数用法

摘要: // js 原生方式声明函数function say(name){ console.log("hello" + name); }// 箭头函数 var say = name => console.log("hello " + name); // hello tom say("tom"); // 多个 阅读全文

posted @ 2022-02-03 22:57 一名小学生呀 阅读(102) 评论(0) 推荐(0) 编辑

技术栈地址

摘要: Windi CSS一个css库 https://windicss.org/guide/ 高德地图开放平台 https://lbs.amap.com/api/javascript-api/summary 天地图 http://lbs.tianditu.gov.cn/home.html MDN学习平台 阅读全文

posted @ 2022-02-03 22:46 一名小学生呀 阅读(39) 评论(0) 推荐(0) 编辑

vue --- Promise.all 和 Promise.race 用法和区别

摘要: Pomise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。 同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。 Promse.all在处理多个异步处理时非常有用,比如说一个页面上需 阅读全文

posted @ 2022-02-03 22:45 一名小学生呀 阅读(199) 评论(0) 推荐(0) 编辑

导航