vue中怎么给dv-scroll-board 的config动态赋值 后端传过来的json转换成二维数组 案例

在Vue中给dv-scroll-board的config动态赋值，可以通过使用computed属性来实现。首先，将后端传过来的JSON转换成二维数组，然后在computed属性中返回一个包含dv-scroll-board的config的对象。

以下是一个示例代码：

<template>
  <dv-scroll-board :config="boardConfig"></dv-scroll-board>
</template>

<script>
export default {
  data() {
    return {
      jsonData: null // 从后端获取的JSON数据
    }
  },
  computed: {
    boardConfig() {
      if (this.jsonData) {
        const data = JSON.parse(this.jsonData); // 将JSON字符串转换成对象
        const dataArray = Object.entries(data); // 将对象转换成二维数组
        const config = {
          data: dataArray
        };
        return config;
      }
      return null;
    }
  },
  mounted() {
    // 后端请求数据，并将返回结果赋值给jsonData
    // 示例代码中直接将jsonData赋值为JSON字符串
    this.jsonData = '{"A":10,"B":20,"C":30}';
  }
}
</script>

在上述示例中，jsonData是从后端获取的JSON数据，通过computed属性boardConfig将其转换成适用于dv-scroll-board的config对象，并将其作为属性绑定到dv-scroll-board组件的config属性上。在mounted钩子中，可以向后端发起请求并将返回结果赋值给jsonData