11.25 问题解决心得

一 、Vue3SeamlessScroll 无缝滚动插件鼠标移入滚动停止问题：

原版本写法：:hoverStop="true"

现版本属性名已替换：:hover="true"

<Vue3SeamlessScroll :list="rowData" class="notice-wrap" :step="0.2" :hover="true">

二 、 props类型断言问题

原代码： 

<template>
<div v-for="(item, i) in btn_data" :key="item.id">
            <div >
                <div class="text">{{ item.name }}</div>
            </div>
        </div>
</template>

<script setup lang="ts">
const props = defineProps({
    btn_data: {
        type: Array,
        required: true
    }
})
</script>

此处报错： （item.id）对象的类型为 "unknown"。 应加上类型

给defineProps加类型，配合Proptype使用

更改后：

interface btn {
    name: string
    id: number
}
const props = defineProps({
    btn_data: {
        type: Array as PropType<Array<btn>>,
        required: true
    }
})

三 、echarts版本更替导致旧的配置项出现警告

如图：

normal：已全面可以取消

textStyle ：目前发现 除了title 以及 toolTip 还有 legend仍然需要textStyle写文本样式外,其他的文本样式可以不用textStyle包裹

hoverAnimation : 已经替换成  emphasis（对象）