Vue
iceland9
这个作者很懒,什么都没留下…
展开
-
vscode常用快捷键
Ctrl + Shift + Alt + PgUp / PgDown:列(框)选择页上/下。Ctrl + K Ctrl + D:将最后一个选择移至下一个查找匹配项。Ctrl+Shift+PgUp / PgDown:向左/向右移动编辑器。Ctrl + Shift + Alt +(箭头键):列(框)选择。Ctrl + Shift + . /,:替换为下一个/上一个值。Ctrl+K Ctrl+ ←/→:聚焦到上一个/下一个编辑器组。Ctrl + Alt +↑/↓:在上/下插入光标。原创 2023-07-10 10:42:26 · 3968 阅读 · 0 评论 -
Vue页面多次渲染echarts封装的组件但只出现一个
原因分析首先我们要知道echart实例的创建方式通过获取div的id从而初始化echarts的实例,所以进行渲染时,两个div的id相同从而导致只能渲染出来一个图形解决方案上面已经得出了 因为id相同导致渲染不出来的 原因,所以经过验证有目前我想出了方案:1.切换为ref获取元素dom只有一个id,所以会出现覆盖的情况。我们需要把id改为通过ref获取到组件使用ref我们就不需要获取DOM结点了。$ref如果注册在元素上,它指向的就是DOM元素,如果注册在组件上,他指向的就是组件的实例。...原创 2022-06-14 16:27:47 · 570 阅读 · 0 评论 -
Vue中 scss /deep/ 修改样式
在style有scoped属性时,要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox /deep/ .el-input__inner{ padding:0 10px;}如果/deep/报错,可采用::v-deep.conBox ::v-deep .el-input__inner{ padding:0 10px;}...原创 2022-04-20 22:51:30 · 1495 阅读 · 0 评论 -
Vue插槽
vue的slot主要分三种:默认插槽,具名插槽,作用域插槽使用插槽是在存在父子关系的组件,可以在子组件中决定插槽的位置,同时子组件也可以给这些插槽的默认信息,当父组件中没有需要给子组件插槽插入信息时,显示的是子组件插槽定义的默认信息。1、默认插槽的使用:// 默认插槽<slot></slot>// 子组件定义一个默认插槽<template> <div> <div class="testSolt">原创 2022-04-15 14:16:34 · 753 阅读 · 0 评论 -
Vue父子组件之间传值
1、父组件向子组件传值第一步:父组件 在引用子组件时,通过属性绑定(v-bind:)的形式,把需要传递给子组件的数据,传递到子组件内部,供子组件使用父组件:father.vue<template> <div> <h1>父组件</h1> <router-view v-bind:fData="data1" :fMessage="data2"></router-view> </div></te原创 2022-04-14 19:50:22 · 2698 阅读 · 0 评论 -
Vue proxy生产环境调用接口405
在vue.config.js中配置proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } }}target:接口域名;changeOrigin: 如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求;pathRewrite:如果接原创 2022-03-03 18:35:30 · 2477 阅读 · 1 评论 -
vue在main.js引入less文件报错
原因:vue-cli已经帮我们把less-loader配置好了,放在了util.js里面,去webpack.base.config.js中删除loader配置,重新运行。原创 2021-09-11 13:06:38 · 640 阅读 · 0 评论 -
node-sass版本不兼容
node-sass 6.0.0版本与^4.0.0不兼容1、先卸载之前版本的node-sassnpm uninstall node-sass2、卸载后安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3、重新安装4.14.1版本cnpm install node-sass@4.14.1...原创 2021-09-05 15:35:08 · 905 阅读 · 0 评论 -
Vue持久化插件vuex-persistedstate
Vuex持久化插件(vuex-persistedstate) 解决刷新数据消失页面刷新后,想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,,我们可以结合本地存储做到数据持久化,也可原创 2021-08-27 10:38:03 · 187 阅读 · 0 评论