Vue 组件库 heyui@1.18.0 发布，新增地址选择、图片预览组件

内容简介：新增 CategoryPicker 新增组件 CategoryPicker，地址级联组件的最佳方案。 <CategoryPicker :option="option" v-model="value"/> 相关文档 ImagePreview 新增组件 ImagePreview，图片预览列表。 <ImagePrevie...

新增

CategoryPicker

新增组件 CategoryPicker，地址级联组件的最佳方案。

<CategoryPicker :option="option" v-model="value"/>

相关文档

ImagePreview

新增组件 ImagePreview，图片预览列表。

<ImagePreview :datas="datas" @click="openPreview"/>

相关文档

Modal

modal 支持自定义事件替换event事件，并支持多参数传递。

// 直接使用emit触发外部的events监听，兼容性 1.18.0+
this.$emit('success', this.value, 'test');

相关文档

Pagination

支持 v-model 分页控制。

<Pagination v-model="pagination" @change="getData"></Pagination>

pagination: {
  page: 1,
  size: 10,
  total: 100
}

相关文档

Tree

新增 expand 方法，可以通过 key 指定打开哪些节点。

this.$refs.tree.expand([1,2,3]);

相关文档

Button

新增属性 transparent ，按钮是否背景透明。

<Button transparent text-color="primary">主色系按钮</Button>

相关文档

TimelineItem

新增slot icon

<TimelineItem>
  <i class="h-icon-user primary-color" slot="icon"></i>
  <div slot="time">2012-12-23</div>
  <div slot="content">到达呼伦贝尔</div>
</TimelineItem>

相关文档

FormItem

新增属性 icon ，显示图标。

<FormItem label="密码" icon="h-icon-complete" prop="password">
  <input type="password" v-model="model.password">
</FormItem>

新增 slot label，自定义slot。

<FormItem label="用户名" prop="name">
  <template v-slot:label><i class="h-icon-user"></i> 用户名</template>
  <input type="text" v-model="model.name">
</FormItem>

相关文档

Tooltip

新增属性 editable，支持tooltip内部编辑模块

<Tooltip theme="white" @show="show" trigger="click" @hide="hide" editable>
  <span class="text-hover">Component调用</span>
  <div slot="content">
    <div v-padding="10">
      <Select dict="simple" v-model="value" style="width: 200px;"></Select>
    </div>
  </div>
</Tooltip>

相关文档

Category

补充异步加载功能

<Category :option="param" v-model="value"></Category>

param: {
  keyName: 'id',
  titleName: 'title',
  dataMode: 'list',
  getDatas: (parent, resolve) => {
    setTimeout(() => {
      if (!parent) {
        resolve([
          { id: 1, title: '一级', disabled: true },
          { id: 2, title: '二级' },
          { id: 3, title: '三级' }]);
      } else if (parent.id % 2 == 0) {
        resolve([]);
      } else {
        resolve(genList(parent.title, parent.id, 5, 'id', 'title'));
      }
    }, 100);
  }
}

相关文档

修复bug

日期时间选择器选择问题

选择日期时间后，不关闭，直接重新选择年月无效。

超级日期选择器，点下一页稍微快一点，就会变成选中状态

Closes #91

栅格布局错位问题

Closes #90

以上所述就是小编给大家介绍的《Vue 组件库 heyui@1.18.0 发布，新增地址选择、图片预览组件》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

查看所有标签

猜你喜欢:

• 附件在线预览组件 WDA 1.2.6 发布，支持图片预览功能
• 附件在线预览组件 WDA 1.2.3 发布，支持通过 url 预览附件
• 造轮子之图片预览组件(preview)
• HeyUI 1.5.0 版本更新，新增图片预览、抽屉组件
• 附件在线预览组件 WDA 1.2.4 发布，支持 mp4 视频播放功能
• C# 基于NPOI+Office COM组件 实现20行代码在线预览文档（word，excel，pdf，txt，png）

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。