Vue 3 / Vite Bug? Using v-bind colon shorthand on <div id="xxx"> not working

110 Views Asked by At

I ran across an oddity that I cannot yet ID and wanted to see if anyone knew if this was a bug in Vue 3 / Vite, or in Okta or just user error.

I'm implementing an okta authorization widget in Vue 3 (transitioning from Vue 2 actually), and found that if I used this statement with the colon included, it did not recognize the id of the as being a valid name (the VueDevtools extension shows the id= NaN), and the Okta widget never gets rendered:

<div :id="okta-signin-container"></div>

If I drop the colon like this:

<div id="okta-signin-container"></div>

then the okta widget gets rendered properly.

OR - as I'm reading further, is "id" just a native HTML marker that doesn't need a v-bind assignment? (I'm thinking this is my issue).

0

There are 0 best solutions below