文本超过指定字符省略掉

文本如果有固定宽度就可以使用css省略

white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;

如果是在没有宽度的情况下,就没办法使用css去省略
可以使用过滤器写法去进行省略

 <view>库存:{
    
    {
    
      item.product_stock | statusFilter  }}</view>

 filters: {
    
    
    statusFilter(status) {
    
    
      var value = JSON.stringify(status).slice(0, 6)
      return Number(value)
    },
    nameFilter(status) {
    
    
      if (status.length>5) {
    
    
        var value = status.slice(0, 5) + '...'
        return value
      }
      else return status
    }
  },

猜你喜欢

转载自blog.csdn.net/xiaokangna/article/details/126655521