随笔分类 -  vue

vue函数式组件
摘要：<template>改为<template functional> 即可 然后模板里使用到父组件参数的话，需在变量前面加上 props，如 <div>{{count}}</div> 改为 <div>{{props.count}}</div> 如果组件比较简单，只是展示数据的话，可以使用函数式组件，函 阅读全文
posted @ 2023-08-14 18:02 青云码上 阅读(32) 评论(0) 推荐(0)
vue环境常量拓展
摘要：一个环境文件（如 .env .env.dev .env.prod ）只包含环境变量的“键=值”对; 只有 NODE_ENV，BASE_URL 和以 VUE_APP_ 开头的常量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中， 但我们可以通过修改webpack的配置来让 阅读全文
posted @ 2022-02-16 10:22 青云码上 阅读(209) 评论(0) 推荐(0)
vue项目打包分析
摘要：修改package.json中的script，在build后面加个 --report "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build --report", "lint": "vue-cli- 阅读全文
posted @ 2021-03-31 20:29 青云码上 阅读(708) 评论(0) 推荐(0)
nuxt按需引入 element-UI、自定义主题色（终极按需引入）
摘要：首先你要知道 nuxt.js怎么引入第三方插件 ； 不多BB。 一、按需引入element-UI 第一步：安装 babel-plugin-component： 第二步：修改plugins/element.js文件（plugins/element.js不知道怎么来的？出门左拐不送 nuxt.js怎么引 阅读全文
posted @ 2019-06-19 11:28 青云码上 阅读(5541) 评论(1) 推荐(0)
Vue 拖拽组件 vuedraggable 和 awe-dnd
摘要：vuedraggable：https://www.npmjs.com/package/vuedraggable awe-dnd：https://www.npmjs.com/package/awe-dnd 阅读全文
posted @ 2019-06-03 17:06 青云码上 阅读(2932) 评论(0) 推荐(0)
vue中监听路由参数变化
摘要：今天遇到一个这样的业务场景：在同一个路由下，只改变路由后面的参数值， 比如在这个页面 /aaa?id=1 ，在这个页面中点击一个按钮后 跳转到 /aaa?id=2 ， 但从“/aaa?id=1”到“ /aaa?id=2”是不会触发vue的生命周期的，id变了，但页面数据不会更新， 想要更新只能重新加 阅读全文
posted @ 2019-01-05 16:16 青云码上 阅读(23761) 评论(2) 推荐(1)
vue图片懒加载lazyload
摘要：今天看到我一醉哥的一篇朋友圈分享：《不如我们从头来过 | 掘金》 看完之后，百感交集，互联网的浪潮使创业公司如雨后春笋般崛起， 每一个初创公司都会有一群怀着美好愿景的小伙伴， 但是当寒冬来临时，也不得不去面对这残酷的现实，愿每一个被离职的各位大佬发展的越来越好。 然后我随便点开了掘金站长：阴明大佬的 阅读全文
posted @ 2018-11-16 18:50 青云码上 阅读(206) 评论(0) 推荐(0)
vue给对象新添加属性，一定要使用Vue.set( target, key, value )这个API来添加
摘要：今天做一个这样的功能：遍历对象数组 tagList 渲染出标签列表，以前写过类似的功能，但这次不一样，tagList的数组项中没有表示选中状态的属性select，我自己后面遍历添加的： 点击标签切换选中状态，动态添加class， 点击每个标签，属性值select确实是变了，但是绑定的class名纹丝 阅读全文
posted @ 2018-11-08 15:17 青云码上 阅读(14250) 评论(0) 推荐(2)
vue使用改变element-ui主题色
摘要：每个项目的主题色一般都不一样，直接用element-ui的默认主题色似乎有点不合适，还需要自己一个一个的找元素class名然后在修改样式，非常麻烦，还容易影响到包含该类名的其他元素样式，所以需要自定义主题色。 在项目中改变 SCSS 变量 Element 的 theme-chalk 使用 SCSS 阅读全文
posted @ 2018-05-17 15:46 青云码上 阅读(953) 评论(0) 推荐(0)
vue项目对axios的全局配置
摘要：标准的vue-cli项目结构（httpConfig文件夹自己建的）： api.js: http.js: main.js 请求示例： 阅读全文
posted @ 2018-05-17 14:19 青云码上 阅读(23146) 评论(5) 推荐(1)
使用crypto-js对数据进行AES加密、解密
摘要：前段时间做项目有用到数据加密，前端加密，后端解密（前端也可以解密），话不多说进入正题： 第一步： 第二步： 在需要加密或解密的地方引入crypto-js； 第三步： 自定义加密、解密的函数 打印结果： ok了，如要用到后端java解密，请移步https://www.cnblogs.com/libo0 阅读全文
posted @ 2018-05-17 11:07 青云码上 阅读(3435) 评论(0) 推荐(0)