关闭
当前搜索:

终于搞明白了路由元信息是个啥了

为什么会有路由元信息这个东西? 我们在做网站登录验证的时候,可以使用到beforeEach 钩子函数进行验证操作,如下面代码 ,如果页面path为’/goodsList’,那么就让它跳转到登录页面,实现了验证登录。 router.beforeEach((to, from, next) => { if (to.path === '/goodsList') { next('/log...
阅读(53) 评论(0)

js 数组filter 总结

filter过滤数组filter() 1.方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素 2.不会改变原始数组var arr = [ { id: 1, text: 'aa', done: true }, { id: 2, text: 'bb', done: false } ] console.log(arr.filter(item => item.don...
阅读(37) 评论(0)

vue 计算属性 get 和set

计算属性是什么:vue文档里是这么说的,模板中绑定太多的逻辑会让模板过重且难以维护。 换句话说,就是可以自己设置值(b值),这个值和data下定义的值(a值)存在某些关系,b的值是基于a的值,通过某些逻辑产生出来的值,b值可以直接拿到template里去用。当a的值发生变化的时候,b的值会跟着变化。就是计算属性中的默认值get。那set又是什么鬼? b的值是基于a的变化而变化的,那么直接修改b...
阅读(51) 评论(0)

vue 选中和全选 两个计算属性实现

还是选中和全选功能,用两个计算属性来实现,别人的代码,思维确实不一样。学习了 Document table, td, th{ border:1px solid #ebebeb; border-collapse:collapse; text-align: center; } table { width:500px; } ...
阅读(52) 评论(0)

vue 实现选中和全选 小功能

Document table, td, th{ border:1px solid #ebebeb; border-collapse:collapse; text-align: center; } table { width:500px; } 全选 na...
阅读(78) 评论(0)

this.$set小例子

如下图一,现在需要做一个单选框的功能。思路:for循环,将所有变成false,让当前变成true。在创建arr的过程中,先有name这个属性。然后利用for循环给arr的每一项添加一个状态。点击的时候,让arr中每一项的状态都变成false,让当前的状态变为true Document 姓名 操作 {{item.name}} ...
阅读(237) 评论(0)

vue自定义指令

vue中的指令就是v-on v-bind v-show等等,那么自定义指令是什么呢? 自己定义的指令就是自定义指令。语法:Vue.directive(id, definition)这里可以参考vue中的指令 Yes 其中,if就是指令ID,yes是expressionVue.directive()传入接受两个参数,id是指指令ID,definition...
阅读(202) 评论(0)

countUp.js 实现数字滚动 动态效果

演示地址http://inorganik.github.io/countUp.js/ Document <script src="https:/...
阅读(194) 评论(0)

js 浏览器全屏

这篇博文写的比较好,收藏下https://www.cnblogs.com/javaee6/p/3756249.html全屏有兼容性问题,这里针对谷歌浏览器举例 Document <button...
阅读(105) 评论(0)

vue 事件中的 .native

.native是什么?.native - 监听组件根元素的原生事件。 主要是给自定义的组件添加原生事件。例子 给普通的标签加事件,然后加native是无效的 Document <div...
阅读(298) 评论(0)

input file 上传 同一张图失败

问题描述:项目中遇到上传图片,需要本地预览效果,测试时无意间发现,当选择A图片,然后更换为B图片,完全正常;当选择A图片,取消该图片,再测选择A图片后,发现不会再生成预览效果,出现了bug百度有人说是这样, 使用input[file]控件上传的文件如果和上一次上传的是同一个的话,change事件是不会触发的。解决办法: 这里我们做完了预览图片后,将input的type类型改为非file,然后点击...
阅读(65) 评论(0)

vue-router 之命名路由

router里的映射配置,其中有一项是name,就是给这个路由取了一个名字{ path: '/mallmanagement/goods/audit/rejected', name: 'GoodsAuditRejected', components: { //这里是命名视图 menubar: Menubar, sidebar:...
阅读(42) 评论(0)

vue {{}} 大胡子表达式里面可以写些什么

vue {{}}里面写js表达式可以写些什么?主要有1.{{num + 1}} 一元运算府data:{ num:5 }2.{{status ? ‘succeed’ : ‘failed’}} 三元表达式data:{ status: true }3.{{changeTime()}} 运行函数changeTime(){ return this.value.replace(/\d/g...
阅读(244) 评论(0)

时间戳转格式化的时间

第一步:将时间戳转化成时间对象。var timeStampObj = new Date(timeStamp)第二步:调用函数changeTime(timeStampObj) //传入时间对象function changeTime (time) { var year = time.getFullYear() var month = time.getMonth() + 1 va...
阅读(61) 评论(0)

element-ui input框 动态更改placeholder

项目中遇到的实际情况:两个单选框,后面跟一个input框,选择某一个单选框的时候,后面的input框的placeholder会跟着变化。比如操作单选框买家,input框后面placeholder出现“请输入买家账号”;操作“卖家”单选框按钮的时候,placeholder变成“请输入卖家账号”两种方法:方法一写两个input框 根据radio的值来做显示和隐藏,完成placeholder的变化(...
阅读(511) 评论(3)

element-ui 给页面上的DOM元素加loading效果

一般element-ui都是给表格加loading效果,也可以给整个页面(body)加loading效果。当然也可以页面上的任何DOM加loading效果。在查询button的标签上添加onSearch方法。查询onSearch() { const loading = this...
阅读(1421) 评论(0)

delete 删除对象的某个属性

后台传过来的对象。前端需要选择性的渲染,比如后台传过来一个对象。里面有很多比如后端传给的对象是object。但是我不想渲染出object的id。所以得去除掉object中的id,然后进行渲染delete object.property delete object['property'] delete object['id']对于delete方法 返回值:对于所有情况都是true,除非属性是一个自...
阅读(125) 评论(0)

vue v-for 循环对象

vue也是可以循环对象的。例子如下 Document {{key}}--{...
阅读(1630) 评论(0)

虚拟DOM

DOM的是很慢的,其元素非常庞大,页面的性能问题也因此会下降。无节制的操作DOM会严重影响页面的性能。如果我们只操作这些虚拟DOM,此时会降低性能的消耗。现在框架的发展方向就是解放DOM操作的复杂性。核心思想:虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。我们可以用JS对象表示DOM结构,那么当数据状态发生变化而需要改变DOM结构时,我们先通过JS对象...
阅读(106) 评论(0)

element-ui 设置菜单栏展开

element-ui 侧边栏默认要全部展开怎么做?element-ui文档中是这么写的default-openeds 当前打开的sub-menu的key数组给标签加上这个属性<el-menu class="el-menu-vertical" @open="handleOpen" @close="handleClose" theme="dark" :default...
阅读(1906) 评论(0)
48条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:20113次
    • 积分:677
    • 等级:
    • 排名:千里之外
    • 原创:48篇
    • 转载:0篇
    • 译文:0篇
    • 评论:5条
    文章分类
    最新评论