vue 使用Markdown编辑器如何使用 this.$refs.md.$refs.toolbar_left.$imgAddByFilename方法

要使用`this.$refs.md.$refs.toolbar_left.$imgAddByFilename`方法，您需要确保在Vue组件中正确引用了Markdown编辑器，并正确设置了相应的ref属性。

首先，在Vue组件中，确保已经正确引入并注册了Markdown编辑器组件。例如，如果您使用的是`vue-simplemde`库，可以按照以下步骤进行操作：

1. 首先，在Vue组件的`<template>`部分，将Markdown编辑器组件放置在适当的位置，同时设置ref属性：

<template>
  <div>
    <vue-simplemde ref="md"></vue-simplemde>
  </div>
</template>

2. 接下来，在Vue组件的`<script>`部分，您可以使用`this.$refs.md`来访问Markdown编辑器的实例。然后，通过`$refs.md.$data.toolbar_left`来访问toolbar_left对象，并进一步调用`$imgAddByFilename`方法：

<script>
export default {
  mounted() {
    // 使用 this.$refs.md.$refs.toolbar_left.$imgAddByFilename 方法
    this.$nextTick(() => {
      this.$refs.md.$data.toolbar_left.$imgAddByFilename(/* 参数 */);
    });
  },
};
</script>

请注意，上述示例中的代码仅供参考，并且假设您使用的是`vue-simplemde`库。具体使用方法可能因不同的Markdown编辑器库而有所不同。请根据您使用的具体库和组件进行相应的调整和修改。同时，请确保参考文档和示例代码以了解更多关于Markdown编辑器的用法和API。