javascript 在vuejs3中截断单词(字符)

o8x7eapl 于 2023-04-19 发布在 Java

关注(0)|答案(1)|浏览(151)

如何在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>

JavaScript

来源：https://stackoverflow.com/questions/70542247/truncate-words-chars-in-vuejs-3

1条答案

按热度按时间

yh2wf1be1#

你要找的是一个方法，而不是一个计算属性。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://v2.vuejs.org/v2/guide/computed.html

赞(0）回复(0）举报 2023-04-19

我来回答

javascript 在vuejs3中截断单词(字符)

1条答案

相关问题

热门标签

最新问答