Vue.jsVue.jsv-timeout 태그 인

Vue.js

v-timeout 태그 인

v-html 요소로 ajax의 콘텐츠를 표시하고 있습니다.내용에는 그대로 표시하고자 하는 "사전" 태그가 포함되어 있습니다.

컴포넌트:

<div v-html="content"></div>

내용 예:

<h1>Title</h1>
<pre>
    <p>Hello</p>
</pre>

얻을 수 있는 것

제목

안녕

원하는 것:

제목

<p>Hello</p>

이것을 달성할 수 있는 방법이 있나요?아니면 v-html로는 불가능한가요?

편집:

폼(wysiwyg)에서 콘텐츠를 만듭니다.콘텐츠를 저장하기 전에 다음과 같이 he.js로 인코딩됩니다.

<h1>Title</h1>
<pre>
<p>Hello</p>
</pre>

ajax 함수로 취득한 후 he.js로 인코딩하여 취득합니다.

<h1>Title</h1>
<pre>
    <p>Hello</p>
</pre>

다음 콘텐츠로 시험해 보세요.

<h1>Title</h1>
<pre>
    &lt;p>Hello&lt;/p>
</pre>

따라서 태그를 이스케이프하거나 사전 태그의 콘텐츠를 나머지 HTML 콘텐츠와 분리해야 합니다.

저는 개인적으로 다음과 같은 일을 하고 싶습니다.

<div>
<h1>{{content.title}}</h1>
<pre>
    {{content.code}}
</pre>
</div>

그리고 당신의 안에data이 경우,content오브젝트:

content: {
 title: 'Title',
 code: '<p>Hello</p>'
}

하지만 저는 당신의 정확한 사용 사례와 당신의 콘텐츠의 HTML 구조가 바뀔 수 있는지 알 수 없습니다.

언급URL : https://stackoverflow.com/questions/43228646/vue-js-pre-tag-in-v-html