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 组件字符串判断