Vue常用代码操作

list删除元素#

使用splice方法删除下标为index的元素

this.splice(index, 1);

list代码循环#

使用foreach#

res.forEach((item, key) => {
console.log(item);
});

使用fori#

for (let i = 0, len = list.length; i < len; i++) {
console.log(list[i]);
}

list动态添加#

this.lists.push({
id:1,
title:'abc'
})

vue获取当前路由信息#

$route.path //当前路由对象的路径,如'/vi
$route.query //请求参数,如/foo?user=1获取到query.user = 1
$route.router //所属路由器以及所属组件信息
$route.matched //数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
$route.name //当前路径名字

vue跳转界面#

this.$router.push('/home/first')
this.$router.push({path: '/home/first' })
this.$router.push({path: '/order/page1',query:{ id:'2'}});
this.$router.push({name: '/order/page2',params:{ id:'6'}});

string转int#

parseInt('1')

删除对象中某个属性#

this.$delete(this.form,'members')//删除form对象中的members属性

动态给对象添加属性#

this.$set(this.pushJson, 'alias', []);//给pushJson对象添加属性alias并赋值为空数组
this.$set(this.pushJson, 'num', 1);//给pushJson对象添加属性num并赋值为1

时间转换#

格林威治时间格式GMT --> 普通时间格式:

function GMTToStr(time){
var date = new Date(time)
var Str=date.getFullYear() + '-' +
(date.getMonth() + 1) + '-' +
date.getDate() + ' ' +
date.getHours() + ':' +
date.getMinutes() + ':' +
date.getSeconds()
return Str
}

普通时间格式 --> GMT:

function StrToGMT(time){
var GMT = new Date(time)
return GMT
}

RSA加密#

npm i jsencrypt
import JsEncrypt from 'jsencrypt/bin/jsencrypt';
let jse = new JsEncrypt();
jse.setPublicKey(pubKey); // 加入rsa public key
let password = jse.encrypt(password); // 将password加密

作者:冲锋的麦克

出处:https://www.cnblogs.com/zhangwenju/p/14240629.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   冲锋的麦克  阅读(105)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
more_horiz
keyboard_arrow_up light_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示