zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue项目常用

Vue项目 常用
2023-09-11 14:17:22 时间
clearfix  cupo  nowrap  text_overflowd fll flr

 

  this.$emit("fatherFn", 1);

 

this.$set(this.data,”key”,value’)
this.$set(this.sdata,'sex','male')
this.$set(this.children,1,666)

this.$set(Object, key, value)
this.$set(Array, index, newValue)
this.$set(this.iptDatas[index], `showAlert`, true) 修改数组中对象中的值

 

import { sys_startLoading, resSure } from "@/utils/util";
  let resSureback = resSure(res);
      if (!resSureback) {
        return;
      } else {
        this.$message.success("添加成功");
        this.getData();
      }

 导出

window.location.href = url;

 

const loading = sys_startLoading(this, 1);
loading.close();

 

    let datVal = {};
    this.loading = true;
    console.log(datVal);
    const res = await listGroup(datVal);
      console.log(res.data);
      this.tableData = res.data.items;
      this.page.total = res.data.totalRecords;
      this.page.size = res.data.pageSize;
      this.page.index = res.data.pageIndex;
      this.loading = false;

 

https://docs.qq.com/doc/DZHJzVk1BdXVIdFlO

this.$message.error('错了哦,这是一条错误消息');
this.$message('这是一条消息提示');

this
.$message({ message: msg, type: 'success', duration:1000, });

success warning error 或者不写
 

 删除

    // 删除
    deleteItem(row){
         this.$confirm('确定要删除吗?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          
        }).catch(() => {  
        });
    },
  }

 


window.localStorage.setItem('key',a);
var b = window.localStorage.getItem('key');
function storageObj(obj) {
    var checkedIdStr = JSON.stringify(obj);
    sessionStorage.setItem("key", checkedIdStr);
};
var arrBefor = [1,2,3];
storageObj(arrBefor);
var arrAfter = JSON.parse(sessionStorage.getItem("key"));


 table标题样式

  <el-table-column
          label="审批内容"
          align="center"
          :render-header="renderHeaderBig"
 renderHeaderBig(h, { column, $index }) {
      return h("div", {
        style: "font-size:20px;",
        domProps: {
          innerHTML: "审批内容",
        },
      });
    },