Xiaobai, let"s ask for some ideas
first of all, the user enters the string, and the page finally outputs the Vue component. All you have to do is implement a process of converting the string to VNode List (dynamic component).
then, you can tell whether the user enters a URL or a HTML,. For URL, replace it with or a linked component; for HTML,sanitize, just output the string. This process has nothing to do with v-html.
of course, if the final display of the page does not involve Vue, it is nothing more than a matter of converting it all to HTML strings, and the process is roughly the same. Whether it is safe or not depends on how you sanitize.
<el-select @change="orgChange" v-model="sectionNameOpt" filterable placeholder=""> <el-option v-for="item in sectionNameOpts" :key="item.index" :label="item.orgN...
has someone written a WeChat web page similar to ele.me? now one function is to achieve the same function as ele.me app. The left menu of hot items and the following categories share a common item. Whether you click on popular items or click on the items...
including all the pictures on the page have been loaded ...
choose more than one picture, how to get its address, because after selecting I want to take it to cut, now I can only get its name, how can I get its address ...
ask for help ...
I want to determine whether the display of the element named db1 under the dt under each Li is none when clicking the button. If the whole Li is hidden, how should I write an error? Ask the seniors to pass by for advice! Thank you ...
vue mint ui real-time search for IOS compatibility issues which god knows, thank you ...
1. When using update to change content, enter the field in the process of click enter, delete, space and other keys will automatically exit editing mode, is there any good way to solve this problem? 2. In addition, when deleting using delete, if the ne...
I have no problem passing a single data to the subcomponent, but the object is wrong subcomponent: <template> <div class="nowinfo" > <div class="nowinfo-header">< div> <div class="nowinfo-c...
what is the role of the name property when novice vueci,vue components register export default { name: m-head , name data () { return { name:"" } }, } however, when using < H2 > js: < H2 > import Head from . comp...
let html = `<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1...
https: zt.weidai.com.cn shar. this page, the whole container size is the size of 3840X2160. Several containers in it are also written to death. It can display normally how it can be implemented under different screen sizes of notebooks or desktops. It ...
< textarea vmurhtml = "job.workDutyToString " > < textarea > this is my project code. V-html parses the fields returned by the background, but the actual effect is a tagged string. Just like this, div > < p class= > < span class= > [Senior php engin...
use the layui form to process the data, jump out of the pop-up box and get the data of the current row when you click to view, how to get the data in the content text box, I used the click event, I can already get the corresponding data, but can not ass...
the front end uses vue, to receive data and textarea, to receive data. The effect is as follows but when submitting changes, you need markdown text instead of rendering. tried using the vue-markdown plug-in, which can render html but cannot be co...
formData.delete (name) can only be cleared one by one. I have many items that can be cleared at once ....
...
problem description vuehtml :src imgpng the environmental background of the problems and what methods you have tried 1. img.onload 2.vue-lazyLoad related codes Please paste the code text below (do not replace the code with pictures) wha...
when using vue to develop single-page applications, we often encounter thousands of lines of .vue file code, and on the premise that the reusable components are extracted, I think it is difficult to maintain too many lines of code, so it takes a long ti...
is there any way to get the content being deleted in div.contenteditable for example, the content in div is @ xx Hello < div > what if you delete any one of the characters in @ xx and delete @ xx as a whole? <div ref="fillBox" class=...