vue常用的简单操作代码
侧边栏壁纸
  • 累计撰写 114 篇文章
  • 累计收到 21 条评论

vue常用的简单操作代码

SanLiLin
2021-10-13 / 1 评论 / 688 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年12月06日,已超过469天没有更新,若内容或图片失效,请留言反馈。

1.清空对象(对象还原到原始状态)

this.purchaserform = this.$options.data().purchaserform

2.数组循环

  • 使用Map循环

    for(let [key,item] of new Map( this.items_opt.map( ( item, key ) => [ key, item ] ) )){
        //key是数组的键
        //item是数组的值
    }
  • 使用forEach循环

    this.items_opt.forEach((item, key) => {
        //key是数组的键
        //item是数组的值
    })

3.删除数组元素

this.items.splice(index,1)
//items是一个数组

4.关闭当前页面并打开新页面

// 调用全局挂载的方法,关闭当前标签页
this.$store.dispatch("tagsView/delView", this.$route);
// 添加路由跳转到新页面
this.$router.push({name:'materials_list'});

5.页面通过路由方式跳转时重新加载

watch: {
    $route(){
        this.getData();//换成你的方法
        this.$message.success('页面已重新加载');
    }
}

6.替换数组中的指定元素

vue中修改数组时直接使用this.list[index]=data,无法修改this.list中的值。应该使用vue中的set方法修改:
this.$set(this.list,index,data)

7.键盘事件

正常vue中键盘事件如下
<input @keyup.enter="function">
element-ui中键盘事件如下
<el-input @keyup.enter.native="function"></el-input>
0

评论 (1)

取消
  1. 头像
    SanLiLin 作者
    MacOS · Google Chrome

    画图

    回复