若末lan的博客

输入框的类型 默认text, 文档比较简洁没有列举其他的type，其实input的type有很多，比如file，date，比如这里我写的textarea也是OK的；2.inputValidator 输入框的校验函数。val)return '放弃原因必填'},之前写都没有记录，今天记录一下，文档上没有写的关于$prompt内容提交的校验。

链接：vue router的$router和$route及router与 route的区别_JackieDYH的博客-优快云博客_vue中router和route的区别$router全局，用于导航；$route局部，当前路由所含有的一系列信息。$router “路由实例”，是一个全局对象，其包含了路由的跳转方法，钩子函数等。$route是“路由信息对象”，是一个局部对象，其包含name、path、fullpath、params、query、hash、matched等路由信息。.

1.打开终端以管理员身份运行//全局安装脚手架npm i -g @vue/cli 然后怎么创建官网有写创建一个项目 | Vue CLI一、创建vue2项目因为现在直接安装的脚手架版本都是最新的，所以想创建vue2项目,还得拉取 2.x 模板 (旧版本)Vue CLI >= 3 和旧版使用了相同的vue命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能，你可以全局安装一个桥接工具：npm install...

今天在执行 vue -V 命令时报错，如下：然后就查了一下是 Windows PowerShell 的问题，我的webstorm终端是Windows PowerShell下的，所以受它的执行策略限制，在具体解决方法有两种如下：第一种方法：把webstorm或者vscode的terminal设置成git bash（下图是ws:）打开Settings（设置）,在里面找到Tools(工具)，修改Shell path,如下图：如下：第二种方法：修改Windows PowerSh.

场景：如下图，目录页次号是由3个字段拼接而成，每个字段限制输入长度三个,就自动跳转下一个input框；方法一：#html: <yo-cell label="目录页次号:"> <!--目录编号--> <el-input v-model="formData.katCode" maxlength="3" @input="goNextInput('inputCG',formData.katCode)" size="mini"></e

后端在每一次接口请求成功时都会更新token值，会在response header中返回。前端在HTTP请求拦截统一处理，每次都会更新vuex store里的用户信息。但是 在打印时发现，我的电脑打印OK，其他小伙伴的电脑不行！？经排查发现是浏览器跨域问题。我的谷歌浏览器跨域了，都能打印到全部值，小伙伴的只有Content-Type...跨域：没跨域：...

目的：用v-if = ‘ isCheckPosition ’来控制一个切换岗位图标的显示与否；做法&结果：isCheckPosition的值是来自于上个页面的$route.query传值，是一个页面设置其类型为Boolean值，可是实际上，在开发环境的谷歌浏览器上，并没有根据其true or flase 来显示图标与否（在手机上的话没有测试，不过也无关紧要，反正有一个地方不对，就要去修正的）。解决方法：把Boolean值改成 == 判断，这种 v-if="isCheckPosition ==

安装npm install js-md5 --save组件内引入需要的组件内引用import md5 from 'js-md5';使用let psd = '123123'md5(psd) // 4297f44b13955235245b2497399d7a93全局引入在main.js中将md5注入到vue原型上import md5 from 'js-md5';Vue.prototype.$md5 = md5;使用：let psd = '12312

1.方法方式其实，一开始我想实现动态拼接的效果（:class="['icon-level' + item.oppGrade.toLowerCase]"）这样子，但是不行。于是，我用了计算属性，发现也不行，因为这个class需要参数支持，computed做不到。只能用方法了,而且用方法的时候，不能用[]把常量和方法写一起，我试过了的，写一起，常量的class会失效。方法实现方式如下：1) HTML文件：<em class="dossc-icon-size" :class="opp

v-for用法可操作的对象： 数组（普通数组，对象数组）、对象、数字；以对象数组为例：let arr=[ {name:'张三'，age:'18',sex:'男'}, {name:'李思'，age:'20',sex:'女'}, {name:'庞斑'，age:'31',sex:'男'}]不推荐同时使用v-if和v-for。请查阅风格指南以获取更多信息。当v-if与v-for一起使用时，v-for具有比v-if更高的优先级。请查...

报错信息：Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them；也就是严格模式下，'caller', 'callee' 和'argume...

需求：文本框可根据输入内容高度自适应，不带滚动条，高度可变的那种，我搜索了很多，发现textarea无法实现我的需求，scrollHeigh这个无法获取实际内容的高度（我用的是那种简单的，可能我写的哪里不对吧；那种代码很多的，我又不想那么去做，麻烦。。。），所以只能div模拟textarea文本框了。使用div模拟textarea文本框，输入文字高度自适应，且实现字数统计和限制，输入字数超...

20190912，最近发现用这种方法在严格模式下打包会报错，请参考我的另一篇文章：JS报错-Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on...遇之，记之。子组件传出单个参数时：// 子组件this.$emit('test',this.par...

Vue.js是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。（所谓Progressive，就是可以一步一步的有阶段性的使用vue.js。其简单小巧，压缩后仅有17K,）与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合...

这篇文章是2017年5月份作者大大写的，快一年了，写得很好，多看看。我们现在用的也是vue2.0，可以从源码中深入理解一下vue是如何渲染页面和渲染过程以及原理。转载于https://blog.youkuaiyun.com/generon/article/details/72482844一、前言Vue.js框架是目前比较火的MVVM框架之一，简单易上手的学习曲线，友好的官方文档，配套的构建工具，让Vue.js...

官方文档说，Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。今天在写的时候，出现bug，在360浏览器兼容模式和IE11下，页面空白。经过排查，是axios在IE下的兼容问题，根本没有发起请求，也是promise的兼容性问题。解决方法：在项目下运行命令： npm install es...

转载于https://www.cnblogs.com/leejay6567/p/9096187.html当我们在写单页应用的时候，前端路由采用vue-router实现，如果从页面A跳到页面B，然后点浏览器返回，返回到页面A时，页面会刷新。最近遇到一个需求，一个列表页，用户会根据条件进行筛选，也可以翻页，当用户筛选后点击具体的某一个条目时，进入详情页查看编辑详情，用户点击返回时，希望之前页面的筛...

全选&全不选html: <div class="msg-position c-bg-wt"> <p class="msg-position-p">推送岗位<i class="c-rd">*</i>&nbsp;&nbsp;&nbsp;&nbsp; <span> ...

上一篇《ionic（mui、elementUI）自定义字体图标》写一部分了。重要的点，再强调一下下。在阿里妈妈上的项目中编辑相关属性：elementUI 的前缀是el-icon,Font Family是element-icons；然后下载下来的代码就不需要怎么改了，和ionic图标有所区别的是：ionic的图标有3套，分别对应于iOS和安卓以及windows，所以它的css字体图标要添加相关适配，...