v-area-select v1.0.7

v-area-select

这是一个PC端的区域框选插件

Demo

使用方式

安装

npm install v-area-select or yarn add v-area-select

注册使用

1. 全局安装，在main.js中

import VueAreaSelect from 'v-area-select'
Vue.use(VueAreaSelect)

2. 在组件中使用

import { VueAreaSelect } from 'v-area-select'
components: {VueAreaSelect}

代码

<template>
  <div id="app">
    <div class="control">
      <div class="model-list">
        {{ selectList }}
      </div>
      <button @click="handleOpr(1)" class="custom-btn">设置preventParent: {{ preventParent }}</button>
    </div>
    <div class="app">
      <div class="left"></div>
      <div class="main">
        <div class="area-select-container">
          <div class="list-one" v-for="(node, index) in list" :key="index" :data-selected-index="index">
            {{ node }}
          </div>
        </div>
        <VueAreaSelect
          v-model="selectList"
          :selectItemClassName="['list-one']"
          :preventParent="preventParent"
          selectedClassName="select-i"
          selectAreaClassName="main"
        />
      </div>
    </div>
  </div>
</template>

简单的属性API