Dynamically insert components in vue based on parsed html content

  1. A blog that uses segmentfalut"s hyperdown parser to parse markdown syntax.
  2. parsed into html insert shows new requirements. You need to click on the pop-up modal box to open
  3. with the source size.
  4. element-ui has corresponding components, but doesn"t know how to insert

the original html won"t parse components. I know it won"t work.
I haven"t learned how to use bootstrap + jquery before and I can"t insert vue components

I don"t know how to dynamically bind the modal box
to the element in the parsed html string. To put it bluntly, I want to achieve this dynamic picture magnification function.

at present, I have masturbated a rudimentary js. by myself for the time being. Er, I am not satisfied with it, which does not conform to the design concept of vue

.

since you use Vue, don't use jQuery. For this requirement, you need to use the dynamic template (dynamic template), step like this:

1 you need to use the full version of vue (including compiler), instead of just runtime version). In webpack configuration, you need to add an alias, similar to

.
vue: 'vue/dist/vue.js'

2. Then in the template file, embed the dynamic template in the following way

<component :is="dynamicTemplate()" />
The

dynamicTemplate function needs to return the processed template content, similar to:

return Vue.compile('<div>' + dynamicContent +'</div>')

another div, is set because the module of Vue needs a single root. If you rely on some components in the dynamic template content, these components need to be registered in advance and can be registered using the global module of vue.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3230c-40381.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3230c-40381.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?