ship-view-ui-plus/src/directives/line-clamp.js

A high quality UI components Library with Vue.js 3

/**
 * 限制文本最多显示几行，以...结束，仅适用于 webkit 内核浏览器
 * */
import { addClass, removeClass } from '../utils/assist.js';

export default {
    mounted (el, binding) {
        if (binding.value) {
            addClass(el, 'ivu-line-clamp');
            el.style['-webkit-line-clamp'] = binding.value;
        }
    },
    updated (el, binding) {
        if (binding.value) {
            el.style['-webkit-line-clamp'] = binding.value;
        }
    },
    unmounted (el) {
        removeClass(el, 'ivu-line-clamp');
        el.style['-webkit-line-clamp'] = null;
    }
}