目录
- 记录
- js记录
- 扩展js的 方法扩展
- 其余记录
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()则是在数组后面添加元素。
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]
-
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]
-
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,

最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



