vue 组件字符串判断
HTML注入器 (HTML injector)
Helps inject a vue.js component to certain place in v-html string.
帮助将vue.js组件注入v-html字符串中的特定位置。
用法 (Usage)
Import: npm i vue-html-injector
导入: npm i vue-html-injector
import injector from 'vue-html-injector/main.vue'
export default {
components: {
injector
}
}
Raw HTML
原始HTML
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
%%default%%
<p>ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Injector component with HTML prop "content"
具有HTML属性“内容”的喷油器组件
<injector :content="rawHTML">
<p>{{ new Date().getFullYear() }}</p>
</injector>
多个插槽: (Multiple slots:)
Raw HTML
原始HTML
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
%%image%%
<p>ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
%%hr%%
Injector component with HTML prop "content"
具有HTML属性“内容”的喷油器组件
<injector :content="rawHTML">
<template slot="image">
<image-component src="logo.png" />
</template>
<template slot="hr">
<hr />
</template>
</injector>
翻译自: https://vuejsexamples.com/helps-inject-a-vue-js-component-to-certain-place-in-v-html-string/
vue 组件字符串判断