Vue
记录Vue学习
喜欢前端的后端MelodyJerry
喜欢前端的全栈攻城狮的MelodyJerry,奋斗在全栈路上
【个人三大博客汇总】:
https://www.cnblogs.com/melodyjerry/p/13305991.html
展开
-
[小程序] HBuilderX导入uniapp后,无法运行或发行,提示“[微信小程序开发者工具] × open IDE”
问题描述解决除了查看对应版本和开启端口(设置-安全设置)外还需注意,因为微信开发者工具是和对应的微信账号绑定的,所以需要设置对应账号的AppID才行,如果使用的是别人的需要用自己的AppID...原创 2021-04-21 23:36:23 · 16517 阅读 · 0 评论 -
[Vue]解决axios跨域问题
方式1:服务器端设置跨域header(“Access-Control-Allow-Origin:*”);header(“Access-Control-Allow-Headers:content-type”);header(“Access-Control-Request-Method:GET,POST”);方式2:代理在config下index.js中设置一个代理服务器,使用proxyTable 我比较推荐这种方法。首先在config/index.js 里面找到proxyTable :{} ,原创 2021-03-28 18:22:35 · 7781 阅读 · 0 评论 -
[Vue]使用iframe实现弹窗加载页面
描述在页面中点击链接,弹出窗口,窗口中加载指定的页面内容代码<template lang=""> <el-link type="success" @click="test">主要链接</el-link> <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" height="100%" :before-clos原创 2021-03-28 18:00:27 · 5525 阅读 · 0 评论 -
[Vue-案例]渲染数据
<template> <div class="container"> <div class="handle-box"> <el-input placeholder="用户名" class="handle-input mr10"></el-input> <el-button type="primary" icon="el-icon-search" @click="fin.原创 2021-03-28 17:28:10 · 2240 阅读 · 0 评论 -
[Vue]使用iframe嵌入页面
在Vue+ElementUI+iframe实现在当前页面中嵌入另一个HTML页面:<template> <div> <iframe src="http://0.0.0.0:8080" id="mobsf" scrolling="no" frameborder="0" style="position:absolute;top:80px;left: 120px;"></iframe> </div></template>.原创 2021-03-28 17:20:56 · 8609 阅读 · 5 评论 -
[Vue]解决less-loader 报错 TypeError: this.getOptions is not a function
问题less-loader 报错 TypeError: this.getOptions is not a function at Object.lessLoader:Failed to compile../src/views/Login.vue?vue&type=style&index=0&id=26084dc2&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--1原创 2021-02-26 16:54:15 · 10516 阅读 · 8 评论 -
彻底解决SpringBoot跨域和Swagger跨域问题
文章目录CROS跨域原理跨域配置文件 CorsConfig可能遇到(1).allowedMethods("*")的问题(2)报错o.s.web.servlet.PageNotFound :No mapping for GETCROS跨域原理跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域或端口请求一个资源时,资源会发起一个跨域 H原创 2021-02-24 00:17:02 · 2892 阅读 · 0 评论 -
[Vue]解决npm run dev报错internal/modules/cjs/loader.js:968 throw err;
问题解决有2中方法,建议先尝试第一种,不行再第二种重新安装依赖环境删除项目的node_modules文件夹,重新执行# 安装依赖环境npm install# 运行npm run dev降低webpack的版本查看package.json中webpack的相关版本# 卸载当前版本npm uninstall webpack-dev-servernpm uninstall webpack# 安装低版本npm install webpack@3.6.0 --save-dev原创 2021-02-23 21:51:54 · 6072 阅读 · 1 评论 -
记一次vue项目启动失败
按往常一样,执行npm run dev,但是这次启动失败解决报什么错误,Cannot find module 缺什么就安装什么依赖npm install npm run dev原创 2021-02-17 11:30:52 · 1704 阅读 · 0 评论 -
基于vue的仿饿了么webapp
1、项目介绍此项目为外卖App核心的商家模块的SPASPA是为构建WebApp设计的路由控制和视图转换框架包括商品、评论、商家介绍、购物车等多个子模块使用 Vuejs全家桶 + ES6 + Webpack 等前端热门的技术采用 模块化、组件化、工程化 的模式开发模块与组件模块JS模块具有特定功能的JS文件组件功能组件/模块是实现界面某个局部功能的所有资源的集合(html/css/js/image等)联系一个组件中一般会使用到多原创 2021-01-06 14:41:36 · 1445 阅读 · 0 评论 -
解决npm install时npm ERR! Unexpected end of JSON input while parsing near
最近我的npm发抽了似的,安装各种依赖出现各种报错,直接记录一下。问题执行npm install时,控制台的部分报错:npm ERR! Unexpected end of JSON input while parsing near '...7839d064dd0d46cd1b88e'npm ERR! A complete log of this run can be found in:npm ERR! E:\DeveloperTool\nodejs\node_cache\_logs\20原创 2021-01-04 16:39:45 · 621 阅读 · 0 评论 -
对比学习Vue和微信小程序
一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染完成一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。对界面的设置如w原创 2021-01-01 17:44:06 · 636 阅读 · 0 评论 -
Vue快速入门学习笔记(更新ing)
原在博客园发布,先同步到CSDN:https://www.cnblogs.com/melodyjerry/p/13768594.html本笔记综合了视频狂神说的Vue快速上手和菜鸟教程、CSDN等博客文章,以及个人的一些学习见解与体会。由于是为了团队需要而快速入门,HTML、CSS、JS、Vue等基础均不全,故本笔记仅供参考学习使用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据网络通信 : axios.原创 2020-11-15 14:37:19 · 3592 阅读 · 1 评论 -
[转]vue中“:”、“.”、“@”的意义
转载:https://blog.csdn.net/yangfengjueqi/article/details/86536347“:” 是指令 “v-bind”的缩写“@”是指令“v-on”的缩写“.”是修饰符详细如下:v-bind 指令可以用于响应式地更新 HTML 特性:<div id="app-2"><span v-bind:title="message">鼠标悬停几秒钟查看此处动态绑定的提示信息!</span></div>``var .原创 2020-11-15 14:35:15 · 959 阅读 · 0 评论 -
Vue踩坑记录(2020年11月15日)
组件名必须全小写官方文档没有声明组件名必须全小写Vue.component('my-component-name', { // ... options ...})但是我的第一个Vue组件踩了这个坑<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>My First Vue</title></head>.原创 2021-02-03 20:11:33 · 817 阅读 · 0 评论 -
Vue指令:v-clock解决页面闪烁问题
如果网速慢,而该标签内容是变量没有请求响应回来的时候,页面上先不显示该标签(vue给该标签加了css样式),当响应回来的时候改标签默认将css样式去除。此指令可以解决使用插值表达式页面闪烁问题。将该指令加在html标签中时,可以在该文件中加style属性为display:none,例子如下:<!--v-clock 解决闪烁问题--><style> [v-clock] { display: none; }</style>&l原创 2020-11-15 14:32:19 · 1552 阅读 · 2 评论