Vue
关注
分享
扫一扫
TineAine
春随柳絮散不尽，君若烟火是流年
展开
-
Vue3 清空Reactive定义的数组
Vue3必须通过myArray.length = 0的方式清空数组，不能直接让它等于[]或重新声明原创 2022-01-04 11:21:42 · 6578 阅读 · 2 评论 -
Vue3 + Typescript 兼容低版本 Chrome
最近新开一个项目，使用了最新的Vue3和Typescript，但发现在客户浏览器中白屏（空页面），得知他们使用的浏览器版本居然是Chrome 49，但客户太多，根本无法要求他们统一更换新版本的浏览器，只能考虑适配这种低版本的浏览器。一般这种情况都需要通过Babel去做转换，我们是Vue3 Cli项目，实际上Vue项目在创建时就引入的Babel，直接使用即可修改浏览器兼容列表配置(.browserslistrc)项目根目录下有一个.browserslistrc文件，打开，通过井号注释掉原先的内容，改为：原创 2021-12-30 19:53:54 · 8170 阅读 · 2 评论 -
eslint禁止当前页报错（不检查当前页）
页面顶部添加 /* eslint-disable */ 即可原创 2021-12-30 10:51:08 · 1634 阅读 · 0 评论 -
Vue 安装 Element UI时报错 code ERESOLVE unable to resolve dependency tree
检查当前版本是否为 npm 7.x，7.x对树依赖检查更严格，需要在命令后增加--legacy-peer-deps以规避此报错，在安装其他依赖时如果报错类似也可如此解决，当然也可以将npm降级到6.x甚至更低原报错# 命令npm i element-ui# 报错：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!...增加字段后npm i element-ui -S --le原创 2021-12-24 11:05:35 · 4536 阅读 · 7 评论 -
Vue 数据监视
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title> Vue学习第二天 </title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet"原创 2021-11-29 09:20:55 · 289 阅读 · 0 评论 -
Vue 列表渲染
基础遍历（v-for）<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title> Vue学习第二天 </title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 引入样式 --> <link rel="原创 2021-11-29 09:20:18 · 358 阅读 · 0 评论 -
Vue 条件渲染
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title> Vue学习第二天 </title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet"原创 2021-11-29 09:18:05 · 113 阅读 · 0 评论 -
Vue 绑定样式
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title> Vue学习第二天 </title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet"原创 2021-11-29 09:17:41 · 367 阅读 · 0 评论 -
Vue 监视属性
vue中监视属性主要用于监视属性的变化，如：<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title> Vue学习第二天 </title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 引入样式 --> <原创 2021-11-29 09:16:54 · 184 阅读 · 0 评论 -
Vue 计算属性
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title> Vue学习第二天 </title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet"原创 2021-11-29 09:16:03 · 226 阅读 · 0 评论 -
Vue Data的两种写法
对象式写法data:{ name:"jack"}函数式写法data:function(){ return{ name:"tom" }}函数式简略写法data(){ return{ name:"tom" }}原创 2021-11-29 09:14:41 · 445 阅读 · 0 评论 -
Vue El的两种写法
创建时挂载 new Vue({ el:'#root' })创建后挂载 const vm = new Vue({ }).$mount('#root')原创 2021-11-29 09:09:24 · 343 阅读 · 0 评论 -
Echarts 热力图修改颜色
// prettier-ignoreconst hours = [ '12a', '1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a', '9a', '10a', '11a', '12p', '1p', '2p', '3p', '4p', '5p', '6p', '7p', '8p', '9p', '10p', '11p'];// prettier-ignoreconst days = [ 'Saturday', 'Fr原创 2021-11-16 13:47:50 · 3075 阅读 · 0 评论