-1


里面的尺寸,颜色以及下面的值都是父组件传送过去的

3个回答

0

首先,个人观点VUE不适合做这种表格编辑功能的控件,但也不是不能写。

然后,硬要是写的话写好table单元行的格式,v-for循环父组件传过去的数据就好了

0

按照表格的格式定义数据格式,然后使用v-for进行渲染即可,如:

{
    list: [
        {
            key: 's',
            type: [
                {
                    color: 'white',
                    price: '123',
                    number: '456'
                },
                {
                    color: 'red',
                    price: '789',
                    number: '111'
                }
            ]
        }
    ]
}
0

你这个表格涉及到几个组件:表格布局、单元格:
表格布局:可以内嵌单元格,主要用来整个表格布局,有允许跨行列的属性设置
单元格:可以props自定义不同属性去区分当前是text类型,还是input可输入类型,如果你想写样式,也可以直接自己定义className传递过去

撰写答案