随笔分类 - Vue
ElementUI的时间线Timeline组件使用方法
摘要:ElementUI的时间线Timeline组件使用方法 2.在element.js中导入TimeLine时间线相关js文件,这里的js文件就是处在上面两个文件夹中的index. js import Timeline from './timeline/index.js' import Timeline
vue项目中进度条(步骤进度条)和tag标签页的对象对应链条切换...
摘要:
进度条(步骤进度条)和tag标签页的对象对应链条切换... 思路: 对于tag标签来说有个 v-model=’activeName’属性,指向与name属性(通过索引来指向 01234等) 对于步骤进度条来说 active属性来控制 指向 name属性 然后呢 把这两属性绑定到同一个data数据来控

vue项目时间毫秒转换成标准时间显示(过滤器的使用方法)
摘要:vue项目中有个时间轴,需要转换成标准的年月日的格式打印 思路:先vue的文件引入文件main.js里面进行过滤器全局注册,过滤器的处理的处理函数中做转换处理,,在vue表单里应用过滤器。 main.js <代码> Vue.filter('dateFormat',function (originVa
JS 正则表达式验证邮箱和手机号--使用场景
摘要:验证邮箱的正则表达式: const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 或 const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA
vue项目菜单栏左侧展开,浏览器报错Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125.
摘要:菜单栏左侧展开,浏览器报错Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125. 是因为 index只能接受字符串, :index="
cnpm使用 install报错throw err;^Error: Cannot find module 'fs/promises
摘要:cnpm使用 install报错throw err;^Error: Cannot find module 'fs/promises 这个问题主要是 node的版本和cnpm的版本不匹配--检查一下项目中的 node版本和cnpm版本: cnpm的版本是不是高于8.3.0 cnpm 8.30 版本,无
vue中class和style动态绑定
摘要:使用v-bind指令可以给元素动态绑定class与style属性。 1、动态绑定class的三种方式 ①直接绑定 ②绑定对象 语法:{key(类名) :value(布尔值)} ③绑定数组 ③三元运算符来条件实现 2、动态绑定style的两种方式 ①绑定对象 ②绑定数组 参考文章:https://ww
vue收集表单数据给后端交互
摘要:vue项目中需要收集表单数据给后端发送请求进行交互: 查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
vue 项目开发常见问题解解决方法
摘要:vue 项目开发常见问题解解决方法 vue打包产生多余的.map文件。 1.修改config文件夹下的index.js文件,把productionSourceMap: false,设置为false 去除url的#号 1.在router文件夹里面的index.js里面添加 路由懒加载 1.修改rout
vue项目打包成dist文件以后,index.html加载空白?
摘要:打包成dist文件以后,index.html加载空白 没有修改config配置文件,直接打包,系统默认的是’/’(根目录),而不是’./’(当前目录),从而导致路径不对,页面加载不出来。 针对vue-cli3.0以下版本的可以直接将config/index.js文件的assetsPublicPath
JavaScript中的Object.defineProperty方法
摘要:首先看一下官方的定义:Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。语法 Object.defineProperty(obj,prop,descriptor) 对象添加属性 以前的修改添加对象属性的方法 OBJ.pa
Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别
摘要:Vue 中怎么自定义指令, Vue 中怎么自定义过滤器, NextTick 是做什么的,Vue 如何去除url中的,computed 和事件 methods 有什么区别