checkbox超出字数隐藏 鼠标悬浮显示全部

标签有一个title属性,鼠标悬浮上去后显示的就是title的内容,我们可以这样

// title是要显示的内容
<el-checkbox
          v-for="data in item.child"
          :label="data.id"
          :title="data.id + ' ' + data.name"
          :key="data.name" border>
          {{data.id + ' ' + data.name}}
        </el-checkbox>

样式代码 超过120px隐藏剩余部分

.el-checkbox__label{
           width:120px;
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
         }