hlvy

场景:不知道长度的情况下把一串秘钥中间用*替换过滤器filters:{ hideInfo(val) { let str = [null,undefined,""]; if (!str.includes(val) && val.length > 9) { let valLen = val.length...

问题: 我刚开始代码是这样的 结果图片加载不出来 <img :src="'../assets/images/'+imgsrc+'.png'"/> props:{ /** * 提示内容 */ msg:{ type:String, default:'业务暂未开放,敬请期...

加个prevent阻止冒泡就好了 @click.prevent="toLink" 

created:function(){ //登录添加键盘事件,注意,不能直接在焦点事件上添加回车 let that = this; document.onkeydown = function (e) { let key = window.event.keyCode; if (key === 13){ that...

1. 安装vue-clipboardnpm install --save vue-clipboard22.main.js引入import VueClipboards from 'vue-clipboards2'Vue.use(VueClipboards);3.案例<template> <div class="yeluosen"> &l...

async function hello(){ return 'hello world';}await 可以理解为是 async wait 的简写。await 必须出现在 async 函数内部，不能单独使用。async function awaitDemo() { await normalFunc(); console.log('something, ~~'...

1、普通watch   data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}2、数组的watchdata() { return { ...

技巧/坑点1.setTimeout/ setInterval场景一 ：this指向改变无法用this访问vue实例 mounted(){ setTimeout( function () { //setInterval同理 console.log(this); //此时this指向Window对象 }，1000) ; }解决方法 :使用箭头函数或者...

首先在根目录创建vue.config.js  vue.config.js 里面代码:module.exports = { /** 区分打包环境与开发环境 * process.env.NODE_ENV==='production' (打包环境) * process.env.NODE_ENV==='development' (开发环境) * b...

问题是首先我在data里面定义了个titleName:'title'，titlestr:'heng'接着在data里面定义了个options:{title:' '.............此处代码省略 }  我想直接把titleName和titlestr拼接在一起赋值给title然后写了这样一段代码options:{title:this.title...

快速原型开发你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发，不过这需要先额外安装一个全局的扩展：npm install -g @vue/cli-service-globalvue serve 的缺点就是它需要安装全局依赖，这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。#vue serveUsag...

关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可...

 公司项目是用vue进行开发，在开发过程中，我们发现一个极差的体验。场景是这样的，我们的产品首页是一个列表，当用户滚动到距离顶部一定的距离，然后点击列表项进入详情再返回的时候列表数据重新加载，且滚动到了顶部，这简直是一个不能忍受的事情。于是准备对我们的项目体验进行优化，从最开始了解的keep-alive着手，用keep-alive包裹router-view这样的结果可以对页面进行内存缓存，结构如下...

//格式化table字段 如果超过字符长度超过7位则用...代替 Vue.prototype.formatFont = function (row, column, cellValue){ let str = '...'; let value = ''; if(cellValue.length > 7){ value = cellValue.s...

github地址:https://github.com/heng1234/vue_components 公用按钮公用table 公用日历 公用radio 

index.html加上  <link rel="shortcut icon" href="static/hlvy.ico" mce_href="static/hlvy.ico" type="image/x-icon"> 

注意看这一段代码  mounted() {           let that=this;      window.detal = function () {        that.$router.push({          path: "/traheader/accountInfo"  //需要这样跳转        })      }    },  ...

首先创建一个scss文件  接着在项目根目录下创建 vue.config.js vue.config.js内容注意这段代码  css: {        loaderOptions: {            // 给 sass-loader 传递选项            sass: {                // @/ 是 src/ 的别名...

// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})然后你可以在模板中任何元素上使用新的 v-focus 属性，如下：<input v-focus>经过...

&lt;template&gt; &lt;div id="app" @mousemove="moveEvent" @click="moveEvent"&gt; &lt;!--&lt;keep-alive&gt; &lt;router-view v-if="$route.meta.keepAlive"&gt;&lt;/router-

hlvy后端管理系统改系统采用vue+element+axios+vue-router等github地址:https://github.com/heng1234/vuePro在线展示地址:https://heng1234.github.io/vuePro/hlvy/QQ群:553997290使用git下载项目:1、 git clonegit@github.com...

项目地址:https://github.com/heng1234/vuePro在线展示地址:https://heng1234.github.io/vuePro/hlvy/首先添加echarts插件npm install echarts -Smain.js加入// 引入echartsimport echarts from 'echarts'Vue.prototype.$e...

修改 Props 弃用组件内修改 prop 是反模式 (不推荐的) 的。比如，先声明一个 prop ，然后在组件中通过 this.myProp = 'someOtherValue' 改变 prop 的值。根据渲染机制，当父组件重新渲染时，子组件的内部 prop 值也将被覆盖。大多数情况下，改变 prop 值可以用以下选项替代：通过 data 属性，用 prop 去设置一个 data 属...

vue3.x npm run build后dist里面文件接着我把这个dist 放在tomcat下发现访问报错于是我在vue.config.js改了这个 /位./结果访问可以但是跳转报找不到js我发现路径问题于是我换成/dist/就可以启动了我把项目上传到github上面然后设置了在线访问 参考搜索github设置在线访问 访问url发现报...js路径不对...

 npm run build 命令执行完出现 访问index.html空白 控制台报找不到文件将baseUrl属性的值'/'改为'./'。 module.exports = {  // 基本路径  baseUrl: './',  // 输出文件目录  outputDir: 'dist',  // webpack-dev-server 相关配置  devSe...

原文:http://www.cnblogs.com/skylineStar/p/10036525.html一、项目中安装lib-flexiblenpm install lib-flexible -S二、在项目的入口main.js文件中引入lib-flexibleimport 'lib-flexible'第二部分：使用postcss-px2rem自动将css中的px转换成re...

1、你的问题就是css权重问题 如果相同权重可能存在引入顺序问题简单粗暴解决办法  如果是单页面 写入index.html里面 直接修改源码的css 很简单~~~加个！important2、你看下main.js中引入的顺序，是否和下面一样：import 'element-ui/lib/theme-chalk/index.css'import App from './...

1、在vue main.js配置好地址后 2、npm run build之后生成dist文件夹里面有2个文件如图  在eclipse建个动态web工程 把这2个文件放在WebContent目录下 可以先用tomcat测试下再打包......测试完成后 file----Export...搜索war 点击war file --ne...

官网例子// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})如果想注册局部指令，组件中也接受一个 directives 的选项：directives: { focu...

storage.js /** * 封装本地存储的方法 模块化文件 */var storage={ set:function (key,val) { localStorage.setItem(key,JSON.stringify(val)); }, get:function (key) { return JSON.parse(l...

首先新建一个fnc.js代码://测试调用方法let test = str =&gt;{alert(str)};export default { test}mian.js/** * 全局方法 */import fnc from './base/fnc.js'Vue.prototype.$fnc=fnc;页面使用效果:...

 nmp add element-ui main.js /*自定义element标签名开始*/import {Input, Button, Radio, RadioGroup, RadioButton, Checkbox, CheckboxButton, CheckboxGroup, Switch, Sel...

重写element-ui table hover样式  .el-table--enable-row-hover .el-table__body tr:hover&gt;td{background-color: #212e3e !important;}或者.el-table__body tr:hover&gt;td{ background-color: #e1e7f0!im...

我们写了一堆基础UI组件，然后每次我们需要使用这些组件的时候，都得先import，然后声明components，很繁琐！秉持能偷懒就偷懒的原则，我们要想办法优化！ 招式解析：我们需要借助一下神器webpack，使用 require.context() 方法来创建自己的（模块）上下文，从而实现自动动态require组件。这个方法需要3个参数：要搜索的文件夹目录，是否还应该搜索它的子目录，...

vue页面安装element-uinpm install element-ui --save 安装axios插件npm install axios --save创建个http.js import axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5...

转:https://blog.youkuaiyun.com/keji_123/article/details/78809506 首先安装better-scrollnpm i better-scroll -Sgoods页面模板&lt;template&gt; &lt;div class="goods"&gt; &lt;div class="menu-wrapper" ref=...

原文:https://www.jianshu.com/p/94686fd4ae92引入moment.js包创建moment() // 当前时间moment("1995-12-25") // 1995-12-25moment("12-25-1995", "MM-DD-YYYY") // 1995-12-25moment({ year :2010, month :3, day :5, hour ...

function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100; var s = f.toString(); ...

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;进度条&lt;/title&gt; &lt;script type="text/javascript" src="http://lib.sinaapp.com/j

效果: keys.js/** * 简易的键盘 只需要此js文件和jQuery.js 就可以实现 * @param $ *//******************************************************************************* * * 页面样式 * &lt;ul&gt; * &lt;li&gt;&lt;inpu...