<div v-for="(item,index) in name" :key="index" v-color="index">
<p>{{add(item)}}</p>
</div>
add(i){
console.log(i.length);
if(i.length<=30){
return i
}else{
return i.slice(0,30) + "..."
}
},