vue键盘回车事件的使用
vue中键盘回车事件的不同使用方法让我们一起来绕坑，有时候我们会遇到当我们为input加些键盘事件的时候并不起效，下面让我们来看看原因吧!首先了解一下vue中常用的键盘事件@keydown 键盘按下时触发@kekup 键盘抬起时触发@keypress 键盘按住时触发@kekup.enter 回车@...
vue3 使用css实现一个弧形选中角标样式
.tabs {margin-top: 50px;display: flex;justify-content: center;align-items: center;.tab {display: flex;align-items: center;justify-content: center;colo...
SpringBoot整合Vue最佳实践
[toc]开发环境IDEA V2018.5npm v6.4.xvue-cli v2.9.x创建项目IDEA > Create New Project > Gradle此处的 Frameworks全部取消勾选,接着就一直 Next，提示填写的地方填写，不需要填写的就用默认配置就 ok。项目...
IDEA配置VUE内容
1、在IDEA中有v-指令代码提示2、在IDEA中加载VUE组件3、在IDEA中新建文件时有Vue File选项4、在IDEA中写Vue代码在官网下载vue.js文件，并将其放在IDEA新建的项目中。...
vue-kindEditor如何在光标处插入文本结合自定义下拉插件
最近的vue项目要做一个富文本编辑的功能，选择了vue-kindEditor这个编辑器，使用方法很简单，大体上是根据官网https://github.com/ff755/vue-kindedtior-demo的安装步骤，可能不同项目会有一点差别；1.这里我先说一下有区别的地方——pluginsPat...
Sublime的Vue高亮插件安装方法
1：打开插件github地址： https://github.com/vuejs/vue-syntax-highlight；2：download其zip文件到本地。3：打开sublime点击首选项（“Preferences -> Browse Packages…”）4：在当前路径下创建Vue文...
vue项目中使用json编辑器
实现效果： 借助插件json-editor-vue3实现效果如图一，如果嫌丑可以通过类名改一下样式如图二。 实现过程： 安装插件：npm install json-editor-vue3 文档链接：GitCode - 开发者的代码家园 <script setup name="dataP...
WebStorm/IDEA开发调试Vue/Webpack的方法
1、Vue项目，配置修改：打开config/index.js文件, 修改source map属性，从cheap-module-eval-source-map改为source-map2.编辑调试配置，新建JavaScript调试配置，并设置要访问的url，以及Remote url配置在URL处填写: ...
vue中实现axios路由跳转取消上个路由页面的所有请求 和 取消当前路由页面的重复请求
一、 抛出问题1、当一个页面的请求过长时，点击了跳转路由到新的页面，但是上一个路由的请求结果在当前路由页面提示，非常难看且容易让客户混淆。（所以需要路由跳转取消上个路由页面的所有请求）2、在当前页面某个请求长时间没拿到返回结果，然后用户又点击发起了相同请求，这时有可能后发送的请求返回的数据被先发送的...
Vue框架搭建及Cordova结合Vue框架开发App步骤
首先说一下Vue框架吧，个人用了一段时间，一开始有点迷茫，后面逐渐认识清了，因为自己的课程里有基于node.js的Cordova移动开发课，发现Vue十分适合开发这种手机APP单页面的应用，故边学边实践，在这个过程中踩了很多坑，这里分享一下Vue和Cordova结合开发的步骤，废话不多说，开始"干"...
vue生命周期的阶段注意事项
一、mounted1 .在mounted里面修改data里面的数据，并不是想要的直接就拿mounted里面的修改过的值渲染界面，而是还会先拿data里面的初始值进行渲染，然后走beforeUpdate这里拿新的数据进行渲染2 .这是不是说如果想要修改data里面的数据，要在beforeMounted...
【vue-4】遍历数组或对象v-for
1、遍历数组 <ul> <li v-for="(value,index) in web.number"> index=>{{index}}:value=>{{value}} </li></ul> 知识点： <...
Vue post提交
vue中的axios 是不直接支持post方法的，所以我们得绕一下路，我目前在登录的时候运用到了，服务器端用php，可以收到数据let param = new URLSearchParams();param.append("username", _this.username);param.appen
建立多页面vue.js项目
介绍根据需求，我们希望建立一个多页面的vue.js项目，如何改造单页面vue.js项目为多页面项目？跟着我的步伐看下去吧.1.创建单页面vue.js项目简单的记录一下创建步骤：--安装cnpmnpm install -g cnpm --registry=https://registry.npm.ta...
vue 非父子组件传值
/*非父子组件传值 1、新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例2、在要广播的地方引入刚才定义的实例3、通过 VueEmit.$emit('名称','数据')4、在接收收数据的地方通过 $om接收广播的数据 VueEmit.$on('名称',function(...
vue中使用swiper-slide时，循环轮播失效？
前言vue 项目中使用时，组件swiper-slide 如果用v-for循环的话，loop：true 就不能无缝轮播，每次轮播到最后一张就停止了？？？正文代码如下： <swiper :options="swiperOption2"> <swiper-slide v-for="...
基于Html5 Plus + Vue + Mui 移动App开发（三）-文件操作（读取、保存、更新数据）
随着手机的发展，现在越来越多的人选择在手机上看书。无论是专业书籍、文学、英语还是网络小说，在手机上看新闻成了人们处理零碎时间的办法。在智能手机里安装一个资讯APP，可以随时、随地查看自己想看的资讯。实全资讯-支持搜索站点定义，目前支持凤凰资讯、参考信息、腾讯资讯及百度资讯；支持搜索关键字定义，A...
HTML5 Canvas圆盘抽奖应用（适用于Vue项目）
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>HTML5 Canvas圆盘抽奖应用DEMO演示</title> <met...
vue webpack打包后 iconfont引入路径不对
vue webpack打包后 iconfont引入路径不对{test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: 'url-loader',options: {limit,name: utils.assetsPath('fonts/[name].[hash:7...
vue build打包后css里的图片路径404不正确的问题
vue build打包后css里的图片路径404在vue-cli项目中build/utils.js中找到如下代码块，添加 publicPath:’../../’if (options.extract) { return ExtractTextPlugin.extract({ ...