vue css浏览器兼容_Vue.js跨浏览器兼容且易于使用CSS定制的浮动标签模式

vue css浏览器兼容

浮标 (vue-float-label)

Float label pattern for Vue.js. Cross-browser compatible and easy to customize with CSS.

Vue.js的浮动标签模式。 跨浏览器兼容，易于使用CSS进行自定义。

<float-label>
  <input type="text" placeholder="Label">
</float-label>

安装 (Installation)

纱/ npm (yarn / npm)

Install package using yarn or npm:

使用yarn或npm安装软件包：

$ yarn add vue-float-label

要么 (or)

$ npm install --save vue-float-label

全球 (Global)

Load the plugin by calling Vue.use():

通过调用Vue.use()加载插件：

import Vue from 'vue'
import VueFloatLabel from 'vue-float-label'

Vue.use(VueFloatLabel)

Now you have access in your templates to the component.

现在，您可以在模板中访问 零件。

本地 (Local)

You may prefer to explicitly import the plugin and use it inside your components:

您可能希望显式导入插件，并在组件内部使用它：

<template>
  <float-label>
    ...
  </float-label>
</template>

<script>
import FloatLabel from 'vue-float-label/components/FloatLabel'

export default {
  components: {
    FloatLabel
  }
}
</script>

翻译自: https://vuejsexamples.com/float-label-pattern-for-vue-js-cross-browser-compatible-and-easy-to-customize-with-css/

vue css浏览器兼容