红叶都枫了163

2020年12月4日

摘要： <template> <div class="table"> <el-table :data="tableList" style="width: 100%" border :header-cell-style="tableStyleObj"> <template v-for="(item,index 阅读全文

posted @ 2020-12-04 15:12 红叶都枫了163 阅读(179) 评论(0) 推荐(0)

vue-公共组件的注册

摘要：注册公共组件，在每个需要的页面直接输入文件名（<g-table/>）即可引用该组件步骤： 1.新建components/global文件夹，以及components/global/g-table.vue文件。 2.新建untils/globalComponents-register.js，内容：阅读全文

posted @ 2020-12-04 10:38 红叶都枫了163 阅读(255) 评论(0) 推荐(0)

2020年11月24日

页面刷新后如何保持引用的导航组件的选中样式（下划线，背景色）不被清除

摘要：使用场景：用标签页或者第三方导航组件时当页面被刷新或重新年进入的时候，组件内data定义的状态值初始值会将选中的样式初始化更改后效果图:页面刷新后，下划线立即定位到当前页面的nav下解决思路：既然是由于页面加载时的初始状态中（data()中）的默认值造成影响，就可以在这个地方添加判断 acti 阅读全文

posted @ 2020-11-24 17:24 红叶都枫了163 阅读(336) 评论(0) 推荐(0)

2020年10月10日

js部分数组方法

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组部分方法，es 阅读全文

posted @ 2020-10-10 14:53 红叶都枫了163 阅读(168) 评论(0) 推荐(0)

2020年9月27日

computed计算属性和watch的区别：

摘要：计算 ‘ 单价 x 数量 = 总价 ’ watch：就不写了，没意思 computed： computed:{ allPrice:function(){ return this.price*this.count } } computed:{ allPrice:{ //get只读 get:functi 阅读全文

posted @ 2020-09-27 16:58 红叶都枫了163 阅读(1278) 评论(0) 推荐(0)

2020年9月23日

修改element，vant,mint等ui框架的样式

摘要： vant和mint移动端常见，引入单独的css文件，在main.js中引入下即可，直接在对应的vue文件的css通过控制台查看中修改也行，再不济加！important element： 1.vue框架的css预处理器可解析的情况下：给组件父元素添加class名，使三箭头穿透函数>>>修改组件内部需阅读全文

posted @ 2020-09-23 15:16 红叶都枫了163 阅读(683) 评论(0) 推荐(0)

2020年9月14日

async 与 promise 的区别

摘要： async函数会引式返回一个promise,而promise的resolve值就是函数return的值使用async和await明显节约了不少代码，不需要.then,不需要写匿名函数处理promise的resolve的值，不需要定义多余的data变量，还避免了嵌套代码阅读全文

posted @ 2020-09-14 21:54 红叶都枫了163 阅读(333) 评论(0) 推荐(0)

2020年9月13日

localstory，sessionstory，vuex，cook

摘要：函数式组件 1.特点没有this（没有实例）没有响应式数据它只是一个接受一些 prop 的函数。 render MVVM分为Model、View、ViewModel三者。 Model：代表数据模型，数据和业务逻辑都在Model层中定义； View：代表UI视图，负责数据的展示； ViewMod 阅读全文

posted @ 2020-09-13 17:09 红叶都枫了163 阅读(1022) 评论(0) 推荐(0)

2020年9月10日

vue.js+canvas实现随机验证码

摘要：登录注册啥的，不需要下载插件，上图：代码： <template> <div class="about"> <p>当前验证码：{{codeStr}}</p> <canvas id="canvas" width="100" height="43" @click="createCode"></canva 阅读全文

posted @ 2020-09-10 15:03 红叶都枫了163 阅读(359) 评论(2) 推荐(0)

2020年9月9日

js实现打字机效果（完整实例）

摘要：在上篇css高斯模糊的效果基础上用js实现一个打字机效果：上图：代码： <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js实现打字机效果（高斯模糊背景）</title> <style> .box{ 阅读全文

posted @ 2020-09-09 11:06 红叶都枫了163 阅读(4290) 评论(0) 推荐(1)

红叶都枫了163

有点暗，开个灯，谢谢

公告