vue
关注
分享
扫一扫
vue 最新新出的热门前端框架，采用绑定的模式，及其丰富的单页面应用开发功能。简单易用，上手容易。社区活跃，中文文档。
Slient-猿
java，spring，搜索，分布式，vue，mybatis，tomcat，nginx,web 安全 waf等相关技术
展开
-
npm打包异常
“E:\Program Files\JetBrains\WebStorm 2018.1.4\bin\runnerw.exe” G:\node\nodejs\node.exe G:\node\nodejs\node_modules\npm\bin\npm-cli.js run dev –scripts-prepend-node-path=auto hrvue@1.0.0 dev G:\fro...原创 2018-06-14 16:06:40 · 62070 阅读 · 24 评论 -
vue 导出excel表格实践
本文参考https://github.com/daoyuly/export2excel-demovue导出Excel，依赖于如下两个插件 cnpm install --save xlsx file-savercnpm install -D script-loader 插件安装后：需要建立一个vendor文件夹，有如下两个js 使用，书写导出方法 expor...原创 2019-03-29 16:38:49 · 304 阅读 · 0 评论 -
vue 浮点型乘除法精确计算
在js里直接使用乘法*得到的结果是不精确的，错误的。例如：0.0056*100=0.559999 很明显这个结果是错误的。 那么如何计算加减乘除呢？在vue 里. 乘法计算，使用的话也很简单 <p> 【月息】{{NumberMul(0.0058,100)}}% <...原创 2019-03-06 16:01:13 · 16964 阅读 · 2 评论 -
vue 路由守卫及elementUI 的Message在main.js里的使用
vue 提供了路由改变前后的路由导航守卫，在改变前后的两种方法是： 全局前置守卫： const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...}) 全局后置守卫 router.afterEach((to, from) => { // ......原创 2019-03-08 16:01:03 · 2816 阅读 · 1 评论 -
获取客户端内网ip
需求描述：应用部署在内网，后台接口部署在外网，这样在后台获取ip时就会导致获取的ip是客户端的外网Ip。 解决方案：客户端应用发起请求时获取当前客户端ip,在请求头携带此ip给后端，则此时后端获取到的就是内网Ip。 客户端获取ip 方法如下： getIPs:function(onNewIP) { //compatibility for firefox ...原创 2019-02-20 12:34:22 · 2048 阅读 · 0 评论 -
vue 解决404
在Tomcat 的ROOT 目录下添加：WEB-INF 文件夹，文件下新建web.xml，内容如下：<?xml version="1.0" encoding="UTF-8"?><!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license a...原创 2019-02-19 19:32:39 · 2281 阅读 · 0 评论 -
跨域cookie 解决方案
cookie 在项目里经常使用，一个cookie在由一个服务器产生在另一个服务器里需要用到，这就产生了cookie的跨域问题。 由于浏览器安全策略，cookie只能在同一域名产生和使用。 看一个cookie的组成： 可以看到首先是cookie的name，value。 Domain 是指cookie的域名。当访问localhost 的接口时会自动携带cookie。 跨域：指前端页面和前端要...原创 2019-02-28 14:55:35 · 5557 阅读 · 0 评论 -
vue 设置cookie
vue 携带cookie 设置 axios.defaults.withCredentials = true; //让ajax携带cookie设置某次请求携带的cookie document.cookie="COOKIE_NAMe=value" 这样设置，则请求就会携带你指定的cookie。...原创 2019-01-29 15:50:06 · 1063 阅读 · 0 评论 -
vue 动态tdk
使用vue2.0的插件MetaInfo。 安装插件 cnpm install vue-meta-info --save 全局引入，在main.js import MetaInfo from 'vue-meta-info'Vue.use(MetaInfo) 在vue文件里使用，要在index.html 去除tdk的书写。 metaInfo: { title: ...原创 2019-01-09 14:46:44 · 1503 阅读 · 0 评论 -
Vue 集成easyUI
参考vue官网用cli创建了Vue项目之后：npm install vx-easyui --save 安装 推荐使用 cnpm install vx-easyui --save 淘宝的cnpm 在main.js引入import 'vx-easyui/dist/themes/default/easyui.css'import 'vx-easyui/dist/themes/icon.cs...原创 2018-12-11 19:23:35 · 5760 阅读 · 0 评论 -
vue 组件内方法的调用
在开发过程中，由于一个方法内调用另一个方法. -如上图所示，为何这里带上了一个this参数呢？ loginNo: function (root) { root.$options.methods.loginIn(); }这是因为如果不携带this参数，在loginno里直接如下调用this.$options.methods.loginIn();，你会发...原创 2018-07-14 17:33:58 · 3535 阅读 · 0 评论 -
vue 引入css文件
vue 在组件内引用其对应的样式文件,在组件的style标签内引入即可<style>@import "./assets/css/PagesCSS.css";</style>原创 2018-07-14 16:55:34 · 3957 阅读 · 0 评论 -
vue组件跳转
最近在使用vue开发，一个vue组件间的跳转方法：跳转方法实现： jump:function (type) { switch (type) { case 0: this.$router.push('/indexws') break; } }...原创 2018-07-14 16:51:14 · 2130 阅读 · 0 评论 -
vue 引用js文件方法
vue 引入jQuery组件 plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]在webpack.base.conf.js以插...原创 2018-07-14 16:45:08 · 4014 阅读 · 0 评论 -
vue 不同环境打包
vue开发完成之后就要分不同环境打包测试，本文即打包sit，prod环境，并在本地可以正常运行npm run dev 的解决方案安装cross-env，cnpm install cross-env,在你项目根目录下执行 在package.json增加打包命令 在config下增加对应的配置文件，原来的prod配置文件也要加上 ENV_CONFIG:‘“prod”’,项。 修改i...原创 2018-07-25 16:08:50 · 2122 阅读 · 0 评论 -
vue 里的属性动态绑定
需求描述：根据后台返回数据动态构建table,每个table都是单选，互不干扰。 实现方式概述：为每个单选框属性根据数组动态绑定属性。<div v-for="(item,i) in sheet"> <div style="margin-top: 20px;margin-left: 10px;background: #6f7180" > <h5>结果{{i...原创 2019-06-23 11:24:26 · 5968 阅读 · 0 评论