VOL_常用记录!!-----前端

目录


1、扩展js方法会与serviceFilter.js进行合并,终终执行的就是扩展js的方法 2、serviceFilter.is//所有的代码都最终会合并到viewGrid.vue文件中
3、text为grid页面显示额外描述信息 具体看框架演示项目的路由--/SellOrder
4、methods为整个页面所有方法的业务代码扩展,如果需要在界面上的操作前、后编写业务,请覆盖此方法
5、methods方法中可获取任意vue对象、方法、属性,可査看viewGridconfig路径下的js文件及viewGrid.vue的data属性,如手动刷新表数据:this.search()
6、明细表表的配置信息this.detai1.columns 刷新明细表数据 this.resetDetailTable()
7、子父件传参,另可使用己封装的vuex,使用方式:this.$store.getters.data().xxx= this;使用实例:App_News.js

记录

1)级联字典

SELECT DefectId id,ParentId parentId ,DefectId AS [key],DefectName AS value FROM Quality_Defect

2)前端获取用户信息

store.getters.getUserInfo()
if (this.$route.path == '/Ware_PURCHASE_NOTICE') {
   
   
        const userJsonString = localStorage.getItem('user');
        // 解析JSON字符串为JavaScript对象
        let userObject;
        if (userJsonString) {
   
   
          userObject = JSON.parse(userJsonString);
        } else {
   
   
          console.log("No user data found in localStorage.");
        }
        //其他字段设置默认角色的值
        this.searchFormFields.Creator = userObject.userName;
      }

3) @keyup.enter=“handleEnter” input绑定回车事件

<el-input
        placeholder="请输入产品名称"
        style="width: 200px"
        v-model="productName"
        @keyup.enter="handleEnter"/>
handleEnter(){
   
   
      this.search();
    },

4) 修改菜单路由传参(调用this.$route.query.exTendUrl;)

在这里插入图片描述

// 查找与给定索引匹配的菜单。
    let _item = props.list.find((x) => {
   
   
        return x.id == index; // 匹配项的id属性与传入的index参数。
    });

    // 初始化路由参数对象。
    var routeParam = null;

    // 如果找到的项存在且其url属性值为'/exTendUrl',则构建路由参数。
    if (_item && _item.url === '/exTendUrl') {
   
   
        routeParam = {
   
   
            exTendUrl: _item.tableName, // 扩展URL参数。
            path: _item.path,           // 目标路径。
            menuName: _item.menuName    // 菜单名称。
        };
    }

    // 调用props中提供的onSelect回调函数,通知父组件某个项目已被选中。
    props.onSelect(index, _item);

    // 使用Vue Router或其他前端路由库进行页面导航。
    // `_item.path`作为主要路径,而`routeParam`作为查询参数传递。
    await router.push({
   
    
        path: _item.path || '', // 如果_item.path不存在,则为空字符串。
        query: routeParam       // 路由参数对象。
    });

5) mesTable load调用

open() {
   
   
        this.model = true;
        //打开弹出框时,加载table数据
        this.$nextTick(() => {
   
   
          this.$refs.mytable.load();
        });
      },

6) modelOpenAfter设置编辑表单字段只读

modelOpenAfter(row){
   
   
	if (this.currentAction == 'UPDATE') {
   
   
        this.editFormOptions.forEach(item => {
   
   
          item.forEach(x => {
   
   
            //如果是编辑设置为只读
            if (x.field == "Status") {
   
   
              //disabled是editFormOptions的动态属性,这里只能通过this.$set修改值
              //vue3版本改为设置:x.disabled=isEDIT
            }
          })
        })
      }
}

js记录

1)js操作数组元素的方法(unshift(前),splice,push(后))

  • 总结来说,unshift() 是在数组前面添加元素,splice() 是在一个指定的位置上进行插入或删除等复杂操作,而 push() 则是在数组后面添加元素。
  1. unshift()
    • 作用:向数组的开头添加一个或多个元素,并返回新数组的长度。
    • 语法:array.unshift(element1, ..., elementN)
    • 示例:
let myArray = [1, 2, 3, 4, 5];
myArray.splice(1, 0, 'a', 'b'); // 在索引1的位置前插入'a'和'b'
console.log(myArray); // 输出:[1, 'a', 'b', 2, 3, 4, 5]
  1. splice()

    • 作用:灵活地从数组中添加/删除项目,然后返回被删除的项(如果有的话)。它可以用于多种操作,如插入、替换或删除数组中的元素。
    • 语法:array.splice(start, deleteCount, item1, ..., itemX)
    • 参数:
      • start: 要修改的数组起始位置(索引)。
      • deleteCount: 可选参数,要删除的元素数量。如果设置为0,则不删除任何元素,仅插入。
      • item1, ..., itemX: 可选参数,要插入到数组中的元素。
    • 示例:
      let myArray = [1, 2, 3, 4, 5];
      myArray.splice(0, 0, 'a', 'b'); 
      console.log(myArray); // 输出:['a', 'b', 1, 2, 3, 4, 5]
      
      // 删除前两个元素并插入一个元素
      let myArray = [1, 2, 3, 4, 5];
      myArray.splice(0, 2, 'x'); 
      console.log(myArray); // 输出:['x', 3, 4, 5]
      
  2. push()

    • 作用:向数组的末尾添加一个或多个元素,并返回新数组的长度。
    • 语法:array.push(element1, ..., elementN)
    • 示例:
      let myArray = [1, 2, 3];
      myArray.push(4, 5); // 返回 5
      console.log(myArray); // 输出:[1, 2, 3, 4, 5]
      

2)js如何获取当前时间(yy-MM-dd HH:MM:SS)

getCurrentTime() {
   
   
      const now = new Date();
      return `${
     
     now.getFullYear()}-${
     
     (now.getMonth() + 1)
        .toString()
        .padStart(2, "0")}-${
     
     now.getDate().toString().padStart(2, "0")} ${
     
     now
        .getHours()
        .toString()
        .padStart(2, 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值