iot-基础组件库

注：本组件依赖elementUI开发

安装

npm install iot-vue2-component

使用

import Components from 'iot-vue2-component'

import 'iot-vue2-component/iot-vue2-component.css'

Vue.use(Components)

说明

模态框

props参数

title：String-标题（默认为空）

show：Boolean-是否展示（el-dialog的v-model参数）

cancelText：String-取消按钮文字（默认取消，如果传916则不展示该按钮）

cancelText02：String-备用取消按钮，用于自定义取消事件（默认不展示）

confirmText：String-确定按钮文字（默认确定，如果传916则不展示该按钮）

width：String-弹窗宽度（默认750px）

modal：Boolean-是否显示蒙层（默认显示）

事件

hclose：关闭弹窗 hcancel：备用取消按钮 hconfirm：确定按钮

示例

<h-dialog
  :title="'提示'"
  :show="asubmitDialog"
  :width="'400px'"
  :cancelText="'916'"
  :cancelText02="'不保存'"
  :confirmText="'保存'"
  @hclose="asubmitDialog = false"
  @hcancel="fnnosaveGostep"
  @hconfirm="onSubmit(true)"
>
  <div class="submit-dialog-con">编辑未保存，是否保存？</div>
</h-dialog>

分页

props参数

value：Object（默认为{page:1,size:20,total:0},分别对应当前页，每页条数，总条数）

事件

change：分页变化时回调（回调参数：当前页）

示例

<h-pagination :value="tablePage" @change="fnSearchTable"></h-pagination>