Vue 中 dv-scroll-board 组件 config 动态赋值 JSON 案例

<template>
  <div>
    <dv-scroll-board :config="boardConfig"></dv-scroll-board>
  </div>
</template>
<script>
export default {
  data() {
    return {
      boardConfig: {
        // 初始配置
        data: [], // 数据
        height: '400px', // 高度
        speed: 200, // 滚动速度
        ...
      }
    };
  },
  mounted() {
    // 动态赋值json
    this.boardConfig.data = [
      { name: '项目A', value: 100 },
      { name: '项目B', value: 200 },
      { name: '项目C', value: 300 },
      ...
    ];
  }
};
</script>
<p>在上述代码中，dv-scroll-board 组件的 config 属性通过 boardConfig 进行属性绑定。在 mounted 生命周期函数中，可以动态修改 boardConfig.data 的值。</p>