topic Re: How can I use a custom Vue widget in the Expand widget? in ArcGIS JavaScript Maps SDK Questions

How can I use a custom Vue widget in the Expand widget?

MattStayner — Mon, 01 Mar 2021 17:58:14 GMT

I want to build a custom widget built with Vue and show it in the Expand widget.

For example, how would modify this example to show the camera-info Vue component inside an Expand widget?

Re: How can I use a custom Vue widget in the Expand widget?

ReneRubalcava — Mon, 01 Mar 2021 18:37:54 GMT

You can do it a couple of ways. You can set the Expand content to the Vue target element or the Vue output element ".$el". Here is a demo.

https://codepen.io/odoe/pen/WNoJrWv?editors=1000

Re: How can I use a custom Vue widget in the Expand widget?

MattStayner — Mon, 01 Mar 2021 21:33:15 GMT

Perfect! Thanks for the quick response. I was just missing content: document.getElementById("info"). For others who may be interested, the following also works:

const expand = new Expand({ view, content: info.$el });