v title
1.0.0
نص تلميح الأداة لـ Vue.
أمثلة على الإنترنت: https://yujinpan.github.io/v-title
تم الآن إصدار الإصدار 2.0 الجديد، وإزالة الحزم المطلوبة
element-uiوtooltip.js، وتم إهمال Tooltip.js، وأضاف الإصدار الجديدtippy.jsالمزيد من الميزات، لذلك أزالv-titleالعديد من مقابض dom.
npm install --save v-title
import Vue from 'vue' ;
import VTitle from 'v-title' ;
Vue . use ( VTitle ) ; import VTitle from 'v-title' ;
export default {
directives : {
VTitle
}
} ;line-height > offsetHeight ) String أعلى/يمين/أسفل/يسار (-بداية، -نهاية)، الافتراضي: أعلىNumber ، الافتراضي: "200"Number ، الافتراضي: لا شيء< template >
< p v-title = " title " >hover me!</ p >
<!-- modify: light -->
< p v-title.light = " title " >hover me!</ p >
<!-- modify: delay -->
< p v-title.delay = " title " >hover me!</ p >
<!-- attr: title-delay-time -->
< p v-title.delay = " title " title-delay-time = " 1000 " >hover me!</ p >
<!-- attr: title-max-width -->
< p v-title = " title " title-max-width = " 100 " >hover me!</ p >
<!-- modify: overflow -->
< p v-title.overflow = " title " >hover me!</ p >
<!-- modify: overflow.multiple -->
< p v-title.overflow.multiple = " title " >hover me!</ p >
<!-- attr: title-placement -->
< p v-title = " title " title-placement = " bottom " >
top(-start, -end), right(-start, -end), bottom(-start, -end),
left(-start, -end)，default: top
</ p >
</ template >
< script >
import VTitle from ' v-title ' ;
export default {
directives : {
VTitle
},
data () {
return {
title : ' ABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFG ' ,
};
}
};
</ script >
< style lang="scss">
// custom className
.tippy-content {
font-size : 20 px ;
}
</ style >
