数据列表

### 数据列表
"dddddd"].$refs.seamlessScroll.reset() //this.$set(this.datas1,"name","dddddddddddddddddd"); }, FnData() { this.datas1 = [{ name: "111111111111" }, { name: "33333333333333" }, { name: "44444444444444" }, { name: "福大自动化444444444" }, { name: "555555555555" }, ]; }, clickfn(evt) { } }, }; '>
数据列表

![](/media/202404/2024-04-30_094629_943910.png)

```javascript
<template>
    <div isColumn style="height:500px">

<hi-data-list ref="dddddd" :data="datas1" :singleWidth="singleWidth" :direction="direction" :isCarousel="isCarousel">
            <template slot="item" slot-scope="scope">

</template>
           
        </hi-data-list>
        <button @click="FnData">的但是都是</button>
        <button @click="modifydata">修改数据 </button>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                isCarousel: true,
                direction: 2,
                step: 200,
                singleWidth: 200,
                datas1: [{
                        name: "中国平安111111111"
                    },
                    {
                        name: "中国建筑22222222222"
                    }
                ],
                model: {
                    desc: "",
                    id: "YL",
                    label: "阴凉1",
                    id1: [],
                    pathLabels: ""
                },
                props: {
                    name: "id",
                    label: "查找定义",
                    size: "small",
                    lookup: {
                        label: "label",
                        "modelFile": "database/base/dataset/SqlBaseEntity.xml",
                        param: {
                            "FPID": "-1",
                            $pageIndex: 0,
                            $pageSize: 20
                        },
                        id: "FID",
                        pid: "FPID",
                        pathLabels: "pathLabels", //标签路径
                        returnFields: {
                            "desc": "FDESC",
                        },
                    },

"show-all-levels": false,
                    props: {
                        value: "FVALUE",
                        label: "FDESC",
                        leaf: "FLEAF",
                        emitPath: false,
                        // multiple: true,
                        // checkStrictly: true,
                        lazy: true
                    }
                },
                user: ''
            };
        },
        mounted() {

},
        methods: {
            modifydata(){
                this.datas1[0].name="2222222222222222"
                debugger;
                this.$refs["dddddd"].$refs.seamlessScroll.reset()
                //this.$set(this.datas1,"name","dddddddddddddddddd");
            },
            FnData() {
                this.datas1 = [{
                        name: "111111111111"
                    },
                    {
                        name: "33333333333333"
                    },
                    {
                        name: "44444444444444"
                    },
                    {
                        name: "福大自动化444444444"
                    },
                     {
                        name: "555555555555"
                    },
                ];

},
            clickfn(evt) {

}
        },

};
</script>
```

### Attributes

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|----|----|----|-----|-----|

### Events

| 事件名称 | 说明 | 回调参数 |
|------|----|------|

### Function

| 方法名称 | 说明 | 返回值 |
|------|----|-----|