vue笔记

最新推荐文章于 2023-04-29 14:01:28 发布

myz512

最新推荐文章于 2023-04-29 14:01:28 发布

阅读量331

点赞数

CC 4.0 BY-SA版权

分类专栏： javasrcipt

本文链接：https://blog.youkuaiyun.com/myz512/article/details/99822619

javasrcipt 专栏收录该内容

0 篇文章

订阅专栏

本文记录了Vue.js的基础知识和核心概念，包括组件化开发、指令系统、响应式原理以及Vuex状态管理的使用，帮助开发者深入理解Vue.js框架。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table-column
        prop="createdTime"
        label="创建时间"
        sortable
        align="center"
        :formatter="formatter"
>

methods: {

// table格式化时间
formatter(row, column) {
    var date = row[column.property];
    console.log(date);
    if (date === undefined) {
        return "";
    }
    return util.formatDate.format(new Date(date),"yyyy-MM-dd hh:mm:ss");
 }
}
/*
* 解构表达式
* 解构数组
* const arr = [10,20,30];
* 解构
* const [x,y,z] =arr; 然后a = 10,y=20,z=30
* 解构对象
* let person = {name:"zhangsan",age:20};
* 注意,属性名需要和属性名一致
* const {name,age} = person1;
* const {name:aaa,age:bbb} = person1;aaa = "zhangsan" bbb = 20
* */

// 接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回
// 箭头函数,item相当于sels中的每一个元素,item.id是如何处理.
// var ids = this.sels.map(item => item.id).toString();

<el-table
        :data="departmentsTable"
        style="width: 100%"
        v-loading="listLoading"
        @selection-change="selsChange"
>

data() {
    return {
        sels: [],// 列表选中列

selsChange(sels) {
    this.sels = sels;
},

// 处理多选的行对象
// map接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回
// sels是要处理的数组,ids是这个数组处理的结果
// 箭头函数,item相当于sels中的每一个元素,item.id是如何处理.
// var ids = this.sels.map(item => item.id).toString();

var departmentIds = this.sels.map(item => item.departmentId).toString();

let departmentIds = this.sels.map(item => item.departmentId).toString();