How to make the string component in the ajax response data take effect?

[daxiongYang]

export default defineComponent({
  setup() {
    http.get('/api').then((res) => {
      /**
       * Assume res.data === `
       *   # Title
       *   <q-chip icon="event">Add to calendar</q-chip>
       *   ## Title 2
       *   <q-btn color="white" text-color="black" label="Standard" />
       *   1. xxx
       *   2. xxx
       *   ...
       * `
       */
      console.log(res.data);
      // How to make these components effective?
    });
  },
});

[pdanpdan]

you cannot do this because vue does not parse html that is rendered using v-html
you need to return a configuration from your api, and create the elements based on that configuration

[daxiongYang]

@pdanpdan Thanks for your reply, is there a way to achieve it? Can you provide me with some ideas?

[metalsadman]

return an object schema to build your component, have a dynamic component in your frontend that builds according to that schema.