zurb是什么网站

致敬 (vue-tribute)

A Vue.js wrapper for Zurb's Tribute library for native @mentions.

Zurb的Tribute库的Vue.js包装器，用于本机@mentions。

安装 (Install)

$ yarn add vue-tribute

or

要么

$ npm install vue-tribute --save

or include the UMD build, hosted by unpkg in a <script> tag.

或将unpkg托管的UMD构建包含在<script>标记中。

<script src="//unpkg.com/vue-tribute" />

用法 (Usage)

Import and register the component.

导入并注册组件。

import VueTribute from 'vue-tribute'export default {...components: {VueTribute}
}

In your template, wrap an input, textarea or contenteditable element in the vue-tribute component, and pass your Tribute options in.

在模板中，将input ， textarea或contenteditable元素包装在vue-tribute组件中，然后传递Tribute选项。

<div><vue-tribute :options="tributeOptions"><input type="text" placeholder="@..." /></vue-tribute>
</div>

See the available Tribute options here.

在此处查看可用的Tribute选项。

大事记 (Events)

Tribute broadcasts two events — a tribute-replaced event, and a tribute-no-match event (see docs here). Listeners for these events can be attached directly to the child element of the <vue-tribute> component. Eg:

Tribute广播两个事件-一个tribute-replaced事件和一个tribute-no-match事件(请参阅此处的文档)。 这些事件的侦听器可以直接附加到<vue-tribute>组件的子元素。 例如：

<vue-tribute :options="options"><input type="text" placeholder="@..." @tribute-no-match="noMatchFound" />
</vue-tribute>

发展历程 (Development)

# To run the example
$ npm run example# To run the tests
$ npm test# To publish the dist file
$ npm run build

翻译自: https://vuejsexamples.com/a-vue-js-wrapper-for-zurbs-tribute-library-for-native/

zurb是什么网站