vue-autolink

It's not just link, it's everything link-able in text.

Installation

npm i -D vue-autolink

Example

app.js

// locally
import autoLink from 'vue-autolink/autolink'
new Vue({
  components: { autoLink }
})
// globally
import autoLink from 'vue-autolink'
Vue.use(autoLink)

template

<!-- enable all embed and escape html -->
<auto-link :content="content_variable" embed safe></auto-link>
<!-- enable specific embed-able links -->
<auto-link :content="content_variable" embed="youtube,youku"></auto-link>
<!-- custom attributes -->
<auto-link :content="content_variable" :link-attr="{'data-link': true}" :image-attr="{'data-image': true}"></auto-link>
<!-- it's sure that you can still use :style :class on component -->
<auto-link :class="{myStyle: true}" :style="{textAlign: 'center'}"></auto-link>

For more usages, check out autolink.js

License

MIT © EGOIST