Vue
文章平均质量分 57
楊帥
【此人归隐已久♂不懂凡尘落寞】
展开
-
Vue获取滑动距离的一个方法
今天做博客,要做title栏滑动变色,在网上查找了好多,都是瞎编这个方法:let scrollTop = document.documentElement.scrollTop || //firefox document.body.scrollTop || //chrome window.pageYOffset //safari打印出来的结果都是0,原因我还没有找到,但是需求还是要实现的然后开始找问题,发现body的高度始终都没有变过既然是滑动,那么原创 2021-05-09 22:18:48 · 3240 阅读 · 4 评论 -
vue内网穿透问题:Invalid Host header
问题背景:为了能让外网访问我的电脑,使用了内网穿透Ngrok,然后用vue-cli3创建了vue项目,项目运行正常,用Ngrok提供的地址访问,Ngrok显示200访问成功,但是网页上确提示错误Invalid Host header解决办法:项目创建的时候是没有vue.config.js文件的,需要自己手动创建一个然后编写:module.exports = { devServer: { open: true,//启动项目后自动开启浏览器 disableHostCheck:原创 2021-04-06 16:18:37 · 3068 阅读 · 0 评论 -
golang gin 框架+Vue 实现 get/post 请求
1. 前端 vue 代码 axios //.post("http://localhost:8888/ping", { .get("http://localhost:8888/ping", { params: { name: this.input_name, sex: this.input_s...原创 2020-01-16 10:31:47 · 2252 阅读 · 0 评论 -
Vue+SpringBoot实现图片上传和回显
点击Vue图标,选择电脑中图片,选中后把图片替换为选中图片点击上传,通过文件流的方式把图片上传至服务器,服务器将图片保存至指定位置,并根据时间生成指定名称,上传成功,返回新生成文件名。服务器自定义接口,通过需要的文件名,返回指定文件流上传图片成功后,在旁边显示上传成功的图片点击Vue图标,选择电脑中图片,选中后把图片替换为选中图片:<template> &l...原创 2019-08-28 15:19:46 · 13953 阅读 · 8 评论 -
Vue根节点div不占满屏幕
转载来源问题现象:问题代码:<template> <div class="home"> <div class="home_title"></div> <div class="home_body"></div> <div class="home_footer"></div&g...转载 2019-08-22 17:23:06 · 2491 阅读 · 0 评论 -
Vue.js使用ElementUI
安装ElementUInpm i element-ui -Smain.js中添加代码 如果不添加这一步,ElementUi特效不显示import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)ElementUI官网粘贴代码看效果...原创 2019-08-21 17:09:02 · 375 阅读 · 0 评论 -
Vue Cannot GET /错误
我这边的情况是打包部署到Tomcat服务器,修改了一些参数,然后编译器直接运行就找不到页面了。问题原因: 修改了config/index.js问题解决:./ -> /...原创 2019-06-11 14:32:39 · 1328 阅读 · 1 评论 -
Vue发布Tomcat页面空白不显示内容
修改config/index.jsmodule.exports = { dev: { ... assetsPublicPath: './', ... }, build: { ... assetsPublicPath: './', ... }}修改src/router/index.jsexport default new Ro...原创 2019-06-11 13:38:44 · 3305 阅读 · 0 评论 -
Vue配置Router
1. 基本配置:直接上代码:import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Hello from '@/components/Hello'Vue.use(Router)export default new Router...原创 2019-06-11 11:41:42 · 377 阅读 · 0 评论 -
vue-cli安装报错npm WARN deprecated coffee-script@1.12.7
问题:安装Vue-cli时候,执行npm install -g vue-cli报错npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to “coffeescript” (no hyphen),如图:解决办法:npm install --global coffeescriptnpm i...原创 2019-03-08 14:46:49 · 33161 阅读 · 21 评论 -
Vue不识别<br>标签
问题描述:如图,标签内直接输入标签生效,当使用变量的时候,变量中的不识别。&lt;!--详情--&gt;&lt;div&gt; &lt;p&gt;开发者的话&lt;/p&gt;› &lt;p&gt;{{details.intro}}&lt;/p&gt;&lt;/div原创 2019-03-06 13:38:49 · 4330 阅读 · 1 评论 -
Web前端鼠标变小手CSS和JS(Vue)两种实现
1.CSS实现方式:cursor:pointer;//鼠标变小手2.JS实现:&lt;button id="abc" class="botton_qr_download" @mouseover="changeMask(true)" @mouseout="changeMask(false)"&gt; 二维码下载原创 2019-03-07 11:37:56 · 23928 阅读 · 0 评论 -
创建Vue项目的两种方法(镜像和官网)
本地安装vue-clinpm i -g @vue/cli@3.5.0创建项目vue create test(test为项目名称)选择创建方式,这里选择默认(default),然后按回车原创 2019-03-08 18:19:40 · 3189 阅读 · 0 评论 -
Vue报错[Vue warn]: Unknown custom element: router-view
配置如下:App.vue:<template> <div id="app"> <router-view /> </div></template>main.js:import Vue from 'vue'import App from './App.vue'import router from './rout...原创 2019-03-14 16:34:41 · 16059 阅读 · 2 评论 -
Vue配置router方法
修改App.vue<template> <div id="app"> <router-view /> </div></template><script>export default { name: 'app',}</script><style原创 2019-03-14 16:41:38 · 347 阅读 · 0 评论