iview/examples/routers/tooltip.vue

29 lines
785 B
Vue
Raw Normal View History

<template>
<div>
2018-06-22 14:47:58 +08:00
<Tooltip always placement="top" transfer :content="text" :delay="1000" theme="dark">
<Button @click="disabled = true">延时1秒显示</Button>
</Tooltip>
2017-11-07 18:09:01 +08:00
<Tooltip placement="top" transfer :content="text">
<Button @click="handleChange">change</Button>
</Tooltip>
2017-11-07 18:09:01 +08:00
<Button @click="handleChange">change</Button>
2018-06-22 14:47:58 +08:00
<Poptip title="Title" content="content">
<Button>Click</Button>
</Poptip>
</div>
</template>
<script>
export default {
2017-11-07 18:09:01 +08:00
data () {
return {
text: 'Tooltip 文字提示'
};
},
methods: {
handleChange () {
this.text = '提示'
}
}
}
</script>