vue组成CSS断点状态的Vue.js组件 - vue-breakpoint-component

vue组成CSS断点状态的Vue.js组件 - vue-breakpoint-component
插件名称 vue-breakpoint-component
版本号 v1.3.0
发布时间 2020年8月31日
插件作者 adi518

用于组成CSS断点状态的无渲染组件。

安装和下载:

# NPM
$ npm install vue-breakpoint-component --save

要在模板中使用组件,只需导入并注册组件:

import { VBreakpoint } from 'vue-breakpoint-component'

export default {
  components: {
    VBreakpoint
  }
}
<v-breakpoint>
  <div slot-scope="scope">
    <span v-if="scope.isSmall" style="font-size: 2rem"> ? </span>
    <span v-if="scope.isMedium" style="font-size: 4rem"> ? </span>
    <span v-if="scope.isLarge" style="font-size: 6rem"> ? </span>
    <span v-if="scope.isXlarge" style="font-size: 8rem"> ? </span>
    <span v-if="scope.noMatch" style="font-size: 10rem"> ? </span>
  </div>
</v-breakpoint>

变更日志:

05/20/2021

  • v1.3.0