lnt/vue-linkifier

A simple Vue directive to turn URL's and emails into clickable links.

v-linkify

The source code for v-linkify a VueJS Directive.

A simple Vue directive to turn URL's and emails into clickable links. NO dependencies!

Installation

npm install v-linkify

Install globally

main.js

import Vue from 'vue';
import vLinkify from 'v-linkify';

Vue.use(vLinkify)

Install locally

component.vue

import { vLinkify as linkify } from  "v-linkify";

export default {
   directives: {
      linkify
   }
}

Basic Usage

<template>
   <div v-linkify>
      v-linkify https://github.com/maorbarel/v-linkify
      Vue directive to parse links (urls, emails, etc.)
      in text into clickable links
   </div>
</template>

Advanced Usage

<template>
   <div v-linkify="{ className: 'myClassName', target: '_self' }">
      v-linkify https://github.com/maorbarel/v-linkify
      Vue directive to parse links (urls, emails, etc.) 
      in text into clickable links
   </div>
</template>

Options

• className | String
• target | String, _blank By default

Authors

Maor Barel

License

---

MIT © Maor Barel