Tooltip support transfer setting

This commit is contained in:
梁灏 2018-06-28 15:02:19 +08:00
parent 55238beb01
commit 28ab119d9f
3 changed files with 7 additions and 5 deletions

View file

@ -12,7 +12,7 @@ import locale from '../src/locale/lang/zh-CN';
Vue.use(VueRouter); Vue.use(VueRouter);
Vue.use(iView, { Vue.use(iView, {
locale, locale,
transfer: false, transfer: true,
size: 'small' size: 'small'
}); });

View file

@ -1,13 +1,13 @@
<template> <template>
<div style="margin: 200px;"> <div style="margin: 200px;">
<Tooltip always placement="top-end" transfer :content="text" :delay="1000" theme="light"> <Tooltip always placement="top-end" :content="text" :delay="1000" theme="light">
<Button @click="disabled = true">延时1秒显示</Button> <Button @click="disabled = true">延时1秒显示</Button>
</Tooltip> </Tooltip>
<Tooltip always transfer :max-width="200" content="我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长"> <Tooltip always :max-width="200" content="我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
<Button @click="handleChange">change</Button> <Button @click="handleChange">change</Button>
</Tooltip> </Tooltip>
<Button @click="handleChange">change</Button> <Button @click="handleChange">change</Button>
<Poptip title="Title" transfer padding="0" width="250" word-wrap content="我的文本超级,无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长"> <Poptip title="Title" padding="0" width="250" word-wrap content="我的文本超级,无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
<Button>Click</Button> <Button>Click</Button>
</Poptip> </Poptip>
</div> </div>

View file

@ -60,7 +60,9 @@
}, },
transfer: { transfer: {
type: Boolean, type: Boolean,
default: false default () {
return this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer;
}
}, },
theme: { theme: {
validator (value) { validator (value) {