Tooltip support transfer setting
This commit is contained in:
parent
55238beb01
commit
28ab119d9f
3 changed files with 7 additions and 5 deletions
|
@ -12,7 +12,7 @@ import locale from '../src/locale/lang/zh-CN';
|
|||
Vue.use(VueRouter);
|
||||
Vue.use(iView, {
|
||||
locale,
|
||||
transfer: false,
|
||||
transfer: true,
|
||||
size: 'small'
|
||||
});
|
||||
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<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>
|
||||
</Tooltip>
|
||||
<Tooltip always transfer :max-width="200" content="我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
|
||||
<Tooltip always :max-width="200" content="我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
|
||||
<Button @click="handleChange">change</Button>
|
||||
</Tooltip>
|
||||
<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>
|
||||
</Poptip>
|
||||
</div>
|
||||
|
|
|
@ -60,7 +60,9 @@
|
|||
},
|
||||
transfer: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
default () {
|
||||
return this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer;
|
||||
}
|
||||
},
|
||||
theme: {
|
||||
validator (value) {
|
||||
|
|
Loading…
Add table
Reference in a new issue