vue-custom-barrage v0.0.6

vue-custom-barrage

支持用户使用插槽自定义弹幕，使用简单, 无须担心 XSS

DEMO

Install

npm i vue-custom-barrage

Use

import Vue from 'vue'
import Barrage from 'vue-custom-barrage';

Vue.use(Barrage)

Example

<Barrage :data='barrageData' style='height: 400px' />


export default {
  data() {
    return {
      barrageData: ['text1', 'text2', 'text3']
    }
  }
}

<Barrage :data='barrageData' style='height: 400px'>
  <template #default='data'>
    <div>自定义弹幕 {{ data.text }}</div>
  </template>
</Barrage>

export default {
  data() {
    return {
      barrageData: [
        { text: 'text1' },
        { text: 'text2' },
        { text: 'text3' },
      ]
    }
  }
}

Options