外贸网站建设 推广,北京装饰装修公司,免费做的网站怎么设置域名解析,展厅设计培训项目中遇到菜单名长度超出#xff0c;又不想更改宽度#xff0c;可以通过截取title然后加上...和title来实现tooltip提示功能来达到优化#xff0c;
若依的菜单名是layout/components/Sidebar/Item文件设置的下面是修改后的代码
script
export default {name: Men…项目中遇到菜单名长度超出又不想更改宽度可以通过截取title然后加上...和title来实现tooltip提示功能来达到优化
若依的菜单名是layout/components/Sidebar/Item文件设置的下面是修改后的代码
script
export default {name: MenuItem,functional: true,props: {icon: {type: String,default: },title: {type: String,default: }},render(h, context) {const { icon, title } context.props;const vnodes [];if (icon) {vnodes.push(svg-icon icon-class{icon} /);}let truncatedTitle title;if (title title.length 11) {truncatedTitle title.substring(0, 8) ...;}if (truncatedTitle) {if (truncatedTitle.length 5) {vnodes.push(span slottitle title{title}{truncatedTitle}/span);} else {vnodes.push(span slottitle{truncatedTitle}/span);}}return vnodes;}
}
/script
