![](https://img-blog.csdnimg.cn/20200507084853462.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue项目
vue项目的点点滴滴
tian_jiangnan
穷尽一生都在追求灵魂的舒适与快乐
展开
-
springboot项目与vue项目实现前后端以及数据库的交互
vue项目(涉及到跨域问题)跨域1、首先安装axios与vue-axios2、在main.js里面配置axiosimport Axios from 'axios'import VueAxios from 'vue-axios'Vue.use(VueAxios, Axios)Vue.config.productionTip = false3、在config文件夹的index.js里面配置跨域信息 proxyTable: { '/api/**': { .原创 2020-05-14 13:39:33 · 8020 阅读 · 1 评论 -
寺庙公众号开发:vue实现超度排位功能的前端
废话不多说,我们先看一下完成的效果所有的代码在这里<template> <div class="all"> <div class="one" v-show="one"> <img src="/static/img/cd1.png" class="img" /> <img src="/static/img/cd2.png" class="img" /> <img src="/stat原创 2020-05-12 15:17:35 · 294 阅读 · 1 评论 -
寺庙公众号开发:vue实现祈福牌位的前端部分
话不多说,我们先看前端效果这个页面的所有代码在这里<template> <div class="all"> <div class="one" v-show="one"> <img src="/static/img/qf1.png" class="img" /> <img src="/static/img/qf2.png" class="img" /> <img src="/stat原创 2020-05-12 14:56:32 · 494 阅读 · 1 评论 -
寺庙公众号开发:vue项目实现放生功能的前端部分
效果如下这个页面的所有代码在这里<template> <div class="bg" :style ="bg"><el-button type="warning" plain class="btn" @click="dialogVisible = true">意念放生</el-button><el-dialog title="善有善报" :visible.sync="dialogVisible" width="100%原创 2020-05-11 16:36:22 · 331 阅读 · 0 评论 -
vue项目设置css的长度为屏幕的高度
height:100vh;原创 2020-05-11 15:47:06 · 3216 阅读 · 0 评论 -
vue项目设置背景图片
首先在div上面设置以下参数<template><div class="bg" :style ="bg"></div></template>然后再script里面设置如下参数原创 2020-05-11 15:45:06 · 6957 阅读 · 1 评论 -
寺庙公众号开发:vue实现付款供花礼佛功能的前端部分
主要实现功能1、选择要礼的佛2、选择花、香、水果3、点击付款4、返回页面的时候对应佛下面显示选择的花、香与水果实现的效果如下第一个页面是礼佛的页面<template> <div class="bg" :style ="bg"> <el-carousel :autoplay="false" class="d_jump" > <el-carousel-item v-for="item in imgList"原创 2020-05-11 15:29:44 · 391 阅读 · 0 评论 -
寺庙公众号开发:vue实现供花供佛的功能
页面效果如下原创 2020-05-11 10:06:13 · 476 阅读 · 0 评论 -
./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js
报错原因解决方案这个原因是文件的路径不对!../与./的区别要知道原创 2020-05-08 10:17:08 · 11970 阅读 · 0 评论 -
vue项目实现页面的跳转
我有两个页面Index.vue与flower.vue我现在要在Index.vue中点击一个连接跳转到flower.vue中实现流程如下1、两个页面都要在index.js里面注册import Vue from 'vue'import Router from 'vue-router'import Index from '@/components/Index'import flo...原创 2020-05-07 10:57:32 · 1351 阅读 · 0 评论 -
vue项目去掉地址中的#
在router下面的index.js下面添加如下代码 mode:"history",//去除哈希值的#号刷新页面就好了,此时没有/#了原创 2020-05-07 10:48:07 · 1058 阅读 · 0 评论 -
vue项目使用element-ui如何自使用不同设备的屏幕
使用vue-cli脚手架搭建项目,并且使用第三方的UI库(比如vant,mint ui)的时候,因为第三方库用的都是用px单位,无法使用rem适配不同设备的屏幕。1、安装插件npm install px2rem-loader --save-dev2、修改配置文件在build的utils.js文件里面添加如下配置信息//自适应各类屏幕var px2remLoader = ...原创 2020-05-07 09:43:01 · 4493 阅读 · 0 评论 -
vue项目如何更改端口号
更改以后页面上原创 2020-05-07 08:49:21 · 1340 阅读 · 0 评论