Vue
樱岛の鲸
一个喜欢金融的程序猿.
展开
-
Vue项目, echarts因为v-if切换导致无法正常显示
1. [Vue+echarts]Vue项目中, 当用v-if来切换显示内容时, 发现用echarts渲染的图表无法显示, 在F12中有如下报错, 即 “dom is null”2. 解决办法用 v-show 替换 v-if3. 原理v-if是重新渲染(完全根据表达式的值在DOM中生成或移除一个元素)v-show只是简单的css切换...原创 2021-03-31 15:25:44 · 2244 阅读 · 0 评论 -
Vue+SpringBoot通信中端口号相关问题
按照教程搭建了一个环境后, 发现出现 localhost:8080/admin/login , 而非 localhost:8080/admin/login . 博主给的解决方案是添加 .env.development 文件, 但对于我而言没有作用. 可能是因为版本原因, 如下是我的解决方案.Springboot Vue Login(从零开始实现Springboot+Vue登录)1. 配置环境找到 config 文件夹 -> 找到 dev.env.js 文件'use strict'const原创 2021-03-17 21:26:02 · 651 阅读 · 1 评论 -
CSS中图片裁剪clip的使用
1. 原始图片2. clip的使用<div class="top-img"> <img src="../assets/3D_house.jpg" /></div>父属性: position: relative.top-img { height: 500px; position: relative; left: 200px; bottom: 100px;}子属性: position: absolute首先将图片放大为800px *原创 2021-03-07 10:14:22 · 991 阅读 · 0 评论 -
element ui的from表单数据转化为json对象
1. 表单数据<el-form class="form" :label-position="labelPosition" label-width="100px" :model="formLabelAlign"> <el-form-itemlabel="客厅数目" :rules="rules.living_room"> <el-select v-model="formLabelAlign.living_room" placeholder="客厅数目">原创 2021-03-06 23:04:05 · 1471 阅读 · 0 评论 -
Vue项目解决better-scroll无法滚动
1. better-scroll版本不合适npm uninstall better-scrollnpm install better-scroll@1.8.1 --save2. 未添加对应属性值(mouseWheel)<script> import BScroll from 'better-scroll' export default { name: "Scoll", methods: { initScroll(原创 2021-02-21 20:04:33 · 378 阅读 · 0 评论 -
Vue项目vue-awesome-swiper问题(样式, pagination, autoplay等)
在Vue项目中, 版本问题非常常见1. 样式无效在安装vue-awesome-swiper时, 会默认安装swiper的高版本(6.0.0以上), 而在高版本进行的大改版, 所以并没有"swiper/css/swiper.css"文件.方案一: 引入"swiper/swiper-bundle.css"方案二: 降低swiper版本npm uninstall swipernpm install swiper@5.4.5 --save个人选用的是第二种暴力方法2. pagination无效一原创 2021-02-20 20:18:35 · 1207 阅读 · 2 评论 -
三步解决Vue项目axios跨域问题
1. 在main.js中添加如下代码:import axios from 'axios'Vue.prototype.$axios = axios;axios.defaults.baseURL = '/api';2. 在congif目录下, 找到index.js文件3. 寻找: module.export = {} -> dev: {} -> proxyTable: {}, 在其中添加如下代码:注: target中的地址可变module.exports = { dev: {原创 2021-02-20 10:10:36 · 361 阅读 · 0 评论