如何在 VueJs 3 中截斷單詞或字符？我搜索了一些答案，但對我不起作用。例如，如果描述詞長度超過 200 ，它應該顯示 200 詞和 ... 在最后
到目前為止我嘗試過的..
<p>{{ announcement.description | truncate(200) }}</p>
<script>
export default {
data() {
return {
announcement: {},
}
},
computed:{
truncate(value, length) {
if (value.length > length) {
return value.substring(0, length) "...";
} else {
return value;
}
}
}
}
</script>
uj5u.com熱心網友回復：
您正在尋找的是一種方法，而不是計算屬性。A computed property is used to declaratively describe a value that depends on other values. 將您的代碼移到方法中，并以它應該作業的長度傳遞引數。
methods: {
truncate(value, length) {
if (value.length > length) {
return value.substring(0, length) "...";
} else {
return value;
}
}
}
只需從模板中呼叫此方法：
truncate(announcement.description,200)
您可以從這里閱讀計算的正確用法：https : //vuejs.org/v2/guide/computed.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/401283.html