var myEchart = this.$refs.bar; 使用手机实机测试获取不到数据

在使用`this.$refs`获取DOM元素的引用时，需要确保DOM元素已经渲染完成并挂载到页面上，否则无法获取到正确的引用。在uni-app中，可以使用`this.$nextTick`方法来确保DOM元素渲染完成后再获取引用。

以下是使用`this.$nextTick`方法获取DOM元素引用的示例代码：

<template>
  <div ref="myDiv">Hello, world!</div>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      var myDiv = this.$refs.myDiv;
      console.log(myDiv);
    });
  }
}
</script>

在上面的代码中，`this.$nextTick`方法会在DOM元素渲染完成后执行回调函数，这样就可以确保在回调函数中获取到正确的DOM元素引用了。

如果上面的代码在实机测试中仍然无法获取到正确的DOM元素引用，可能是因为`mounted`钩子函数需要等待更长的时间才能确保DOM元素已经渲染完成。这种情况下，可以尝试使用`setTimeout`方法来延迟获取DOM元素引用的时间。例如：

<template>
  <div ref="myDiv">Hello, world!</div>
</template>

<script>
export default {
  mounted() {
    setTimeout(() => {
      var myDiv = this.$refs.myDiv;
      console.log(myDiv);
    }, 1000); // 延迟1秒后获取DOM元素引用
  }
}
</script>

在上面的代码中，`setTimeout`方法会延迟1秒后执行回调函数，这样就有足够的时间确保DOM元素已经渲染完成了。需要注意的是，使用`setTimeout`方法来获取DOM元素引用并不是最佳做法，因为它会增加代码的复杂度并且可能会导致性能问题。最好的方式是使用`this.$nextTick`方法来确保DOM元素渲染完成后再获取引用。