vue使用gojs，需求在link中的虚线上添加方向箭头

Question

vue使用gojs，需求在link中的虚线上添加方向箭头，会根据to的方向走，如何添加？
然后我会点击按钮将虚线箭头再隐藏，就像管道一样

Answer 1

以下回复引自免费微信小程序：皆我百晓生。 如问题解决，还请采纳。如仍有疑问，请回复留言或私信博主，以便获得更精准的帮助。

在VUE中，你可以通过使用GOJS的LINK组件来实现你的需求。LINK组件允许你创建一个虚拟路径，这个虚拟路径可以用于链接到其他元素。如果你想要在虚线上添加方向箭头，并且需要它根据到目标点的方向变化，你可以这样做：

1. 首先，在你的HTML文件中添加<LINK>标签：

<LINK REL="STYLESHEET" HREF="HTTPS://CDN.JSDELIVR.NET/NPM/GOJS@LATEST/DIST/GOJS.CSS">

1. 然后，在你的VUE组件中定义一个虚拟路径。例如，如果你想在一个虚拟路径上显示箭头图标，你可以这样写：

EXPORT DEFAULT {
  NAME: 'MYCOMPONENT',
  COMPONENTS: {
    LINK: () => IMPORT('GOJS/LINK.VUE')
  },
  DATA() {
    RETURN {
      LINK: NEW LINK(),
    }
  },
  MOUNTED() {
    THIS.LINK = NEW LINK(THIS.$REFS.LINK, {
      DIRECTION: 'LEFT'
    });
  }
}

1. 接下来，你需要在你的VUE组件的MOUNTED()方法中处理虚拟路径的变化。例如，你可以这样修改你的组件：

// 在你的组件的`MOUNTED()`方法中
THIS.$NEXTTICK(() => {
  THIS.$REFS.LINK.UPDATE();
});

1. 最后，你可以通过改变DIRECTION属性来控制虚拟路径的显示方向。例如，如果你想让虚拟路径显示为左向箭头，你可以这样设置：

THIS.LINK.DIRECTION = 'RIGHT';

现在，当用户点击你的虚拟路径时，虚拟路径将会按照你的设定的方向显示。如果用户点击的是另一个虚拟路径，虚拟路径将会显示为右向箭头。

注意：这只是一个基本示例。在实际应用中，你可能需要处理更多的细节，比如如何正确地计算虚拟路径的长度和更新虚拟路径等。