javascript - How vue dynamically adds instructions to tags (using js to add instructions to tags)

Question

Now that there is an html tag, you need to use js to add instructions to the tag.
It’s like: html: <img />
Then use js to make the html become <img v-lazy='fn'/>

Answer 1

This method is not recommended in vue. The recommendation is to use state-driven views.

You can choose v-if tag to achieve this effect.

<img v-if='imgLazyFlag' v-lazy='fn' />
<img v-else />

Answer 2

Refer to the official documentation:
Custom instructions