vuejs复制文本_使用vuejs的辅助文本显示

vuejs复制文本

标题 (v-title)

Auxiliary text display(like el-tooltip).

辅助文本显示(如el-tooltip)。

View demo 查看演示 Download Source 下载源

用法 (Usage)

安装 (Install)

npm install --save v-title

需要element-ui (Require element-ui)

If your project does not use element-ui, you need to introduce a separate element-ui package, like this:

如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示：

import 'v-title/lib/element-ui';

全球注册 (Global registration)

import Vue from 'vue';
import VTitle from 'v-title';

Vue.use(VTitle);

组件内注册 (In-component registration)

import VTitle from 'v-title';

export default {
  components: {
    VTitle
  }
};

完整的例子 (Complete example)

• light(modifier): use light effect, default use dark

  light(modifier)：使用灯光效果，默认使用深色

• overflow(modifier): use overflow mode

  溢出(修饰符)：使用溢出模式

• title-placement(attribute): tooltip placement

  title-placement(属性)：工具提示位置

<template>
  <p v-title="title"></p>
  <p v-title.light="title"></p>
  <p v-title.overflow="title"></p>
  <p v-title="title" title-placement="bottom">
    top(-start, -end), right(-start, -end), bottom(-start, -end),
    left(-start, -end)，default: top
  </p>
</template>

<script>
import VTitle from 'v-title';

export default {
  directives: {
    VTitle
  },
  data() {
    return {
      title: 'test',
    };
  }
};
</script>

翻译自: https://vuejsexamples.com/auxiliary-text-display-with-vuejs/

vuejs复制文本