1. 简单使用安装依赖$ npm install vue-i18n
src下创建lang文件夹以及文件夹下zh.js,en.js和index.js文件zh.jsexport default {message: ‘好好学习 天天向上‘
};
en.jsexport default {message: ‘Good good study,Day day up‘
};
index.jsimport Vue from ‘vue‘;
import VueI18n from ‘vue-i18n‘;
import zh from ‘./zh‘;
import en from ‘./en‘;Vue.use(VueI18n);const messages = {zh,en
};const i18n = new VueI18n...
在开发项目的过程中，有时修改后台的数据变化可能不会及时更新到页面上，此时就需要我们刷新页面更新数据，但是直接调用刷新window.location.reload()可能对操作的体验不是很好，所以就需要下面的方法。列举个场景，比如修改主体content内容，我想要刷新主体部分的组件，但是不刷新title和aside组件，怎么实现呢？实现方法就是在想要刷新的组件中封装一个方法，当需要刷新页面时直接调用这个方法就可以无痕迹刷新这个组件（页面）！...
最近用Spring Boot和Vue Element实现了一个微型项目，该项目自构思到第一个版本的实现用了1个月的时间。当然大部分都是下班后，加班到11点做的；但是从功能实现到细节优化用了3个月的时间。“做”是一回事，“做好”是另外一回事。当然花了3倍的工作量，也不见得就做的很到位。闲话少叙，言归正传。本文介绍我用SpringBoot和Vue实现的文件上传功能。1. 实话说，做一个文件上传并不难。方法无外乎利用自己以前写的代码，或者用搜索引...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>学生信息管理</title><link rel="stylesheet" href="./lib/bootstrap.css"><script src="./lib/vue.js"></script><style type="text/css">#app{margin: 10px;}</style></head><body><div id="app"><form class="form-inline"><div class="form-group"><label>学号：</label><input type="text" class="form-control" v-model="stuNo"></div> <div class="form...
本来是写在一个页面中的，但后来一想创建和登录的时候都得用，干脆就写成组件吧。自知写的很差，还望各位大佬指教一二父组件中不传值的话就默认是创建手势密码（创建时密码长度不能小于4），需要输入两次，两次密码必须一致如果是登录，父组件就把密码传给子组件，子组件就会根据密码判断当前输入是否正确，具体执行时请看控制台演示：父组件未传值，此时是创建手势密码 登录时，父组件穿的值为<gestureUnlock :fatherPassword=...
今天用vue+原生js的mousemove事件，写了个拖动，发现只能慢慢拖动才行，鼠标只要移动快了，就失效，不能拖动了；搞了半天在，总算解决了，但是问题的深层原理还没搞清楚，知道的大侠可以留言分享，下面直接上代码：只能慢速拖动的代码：<!DOCTYPE html><html><head><title>vue结合原生js实现拖动</title><script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script></head><body><div id="app"><div class="ctn ctn1"><...
（1） 相关博文地址：SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（一）：搭建基本环境：https://www.cnblogs.com/l-y-h/p/12930895.html
SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（二）：引入 element-ui 定义基本页面显示：https://www.cnblogs.com/l-y-h/p/12935300.html
SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（三）：引入 js-cookie、axios、mock 封装请求处理...
效果图： 修改功能不够好，应该在修改时弹出一个专门的修改窗口进行修改功能。增加就是向数组里添加，使用.push()就行，删除和修改都使用splice(),查询将数组里的学号与输入的学号进行对比，查找到后弹出窗口显示该学生姓名。代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>学生信息管理</title><link rel="stylesheet" h...
今天第一次使用Sublime Text3软件，在实现vue文件高亮显示的过程中一直报错，经过了半天时间的不停尝试终于找到了最有效的一种解决方法！错误提示如下：刚开始尝试了很多方法都不行，只要打开install Package就报错。无论是取消掉网络配置里的ipv_6选项，还是在hosts文件中添加映射也都不能解决问题。最后上网查找发现了一个真正有效的解决办法：remove package control and then re-install it manually。（转自http://www.cnblog...
[vue-pdf] npm连接:https://www.npmjs.com/package/vue-pdf安装vue-pdfnpm i vue-pdf1.解决字体问题 将node_modules/pdfjs-dist/cmaps文件夹复制到public文件夹下 (找不到的可以看下代码怎么写的，node_modules/vue-pdf/src/CMapReaderFactory.js)2.上传预览<template><div><el-uploadclass="upload-demo" drag action="#" :auto-upload="false":on-change=‘fileChange‘:limit=‘1‘multiple><i class="el-icon-upload"></i><...
编写html，通过vue-resource.js库向后台提交数据
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>用户注册</title><link href="bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="stylesheet"><script src="js/jquery.js"></script><script src="bootstrap-4.3.1-dist/js/bootstrap.js"></script><script src="js/vue.js"></script><!-- 异步提交的库 --><script src="js/vue-resource.min.js"></script><st...
http://localhost:8080/login/sss # 效果实现前
http://localhost:8080/login # 效果实现后
方法：使用Vue组件的name属性进行跳转原文：https://www.cnblogs.com/guanxiying/p/13179808.html
使用HBuilderX实现打包vue项目成app：https://www.cnblogs.com/wuzhiquan/p/10594855.html 一、准备开发工具开发工具：HBuilderX官网地址：http://www.dcloud.io（标准版需要自己安装插件，app开发版已经把app开发常用的插件安装好了，开箱即用，建议使用开发版）二、打包生成一个vue项目就拿手头上一个vue项目进行打包，vue项目预览如下：打包生成的项目结构：三、创建HBuilder的app项目（请先注册HBuilde账号并登录，打包的时候需...
项目地址：https://github.com/caochangkui/vue-cli3项目代码：城市列表首页：City.vue<template><div id="city"><!-- <img src="/logo.png" alt="" height="10px"> --><div class="word" v-show="showWord"><span>{{letter}}</span></div><div class="title">城市选择</div><city-list:cities="cities":hot="hotCities":letter="letter"></city-list><city-alphabet:cities="cities"@change="handleLetterChange"></city-alphabet...
由于项目的扩展，新增了很多功能，今天谈一下短信验证码框的实现。思路：每个小方框其实就是单独的每一个input标签（叫假input标签），每个长度为1，然后上面再写一个大的input标签（叫真实input标签），提高层级定位在上方，最大长度为6，然后将上方真实input标签的值传给每一个单独的假input标签。<div class="phonenum-show"><div class="getback-title">收回剩余礼金 <span @click="getbackMoneyclock()"><img src=".....
本文主要介绍了jQuery+vue.js实现的九宫格拼图游戏,结合完整实例形式分析了jQuery结合vue.js针对图片的相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。