Production Preview

Screen Rendering

Save the editor-generated JSON to your database or file system, implement the API, and return screen data to the preview component.

<template>
  <preview
    :svgId="id"
    :webtopoAPI="webtopoAPI"
    :isConnect="isConnect"
    ref="preview"
    @register="register"
  ></preview>
</template>

Data Push

Data push and tag registration support any technology — Socket or polling. Remember these two component methods:

this.$refs.preview.getPointList()     // Get all tags on the screen
this.$refs.preview.changeData(data)   // Push data to the component

See Data Push for a Socket example.