在js中调用vue的方法

迷失的小鹿

于 2021-07-08 14:48:31 发布

阅读量1w

点赞数 3

文章标签： js vue

本文链接：https://blog.youkuaiyun.com/Java_Fly1/article/details/118573354

版权

本文介绍了如何在Vue应用的mounted钩子函数中将createNode方法绑定到window对象，以便在JavaScript脚本中直接调用，实现组件间通信和便捷操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在vue的钩子函数中将需要调用的函数赋值给window。

  mounted () {
    // 将Vue方法传到全局对象window中
    window.createNode = this.createNode
  },
  methods:{
    /**
     * 动态创建节点
     * @param id 节点id
     * @param x 节点坐标(x轴)
     * @param y 节点坐标(y轴)
     * @param text 节点文本
     */
    createNode (id, x, y, text) {
      this.lf.addNode({
        type: 'item',
        x: x,
        y: y,
        id: id,
        text: {
          value: text,
          x: x,
          y: y
        }
      })
    }
  }

2、在js中直接使用

  <script  type="text/javascript">
      var point= "1";
      var arr =[100,200]
      var name = 'test'
      createNode(point,parseInt(arr[0]),parseInt(arr[1]),name)
  </script>