对绑定内容截取字符串部分内容显示 一时失言乱红尘 2021-06-24 16:11 375阅读 0赞 在做文章列表显示的时候,由于是列表显示,所以并不需要将数据库查出来的文章全部展示出来,而需要将文章内容截取部分后显示: 例如: 我在一个文本标签里面绑定了一篇文章,代码如下: ![2789632-5788b226ecf85ccb.png][] 界面显示如下: ![2789632-60bcbb5b15f0c82a.png][] 当然真正的文章不会这么短,我只是随便复制了些文字放置到数据库中。此时我不希望显示这么多文字怎么办呢?可以直接对绑定的内容进行一般js操作,如:substr()方法 ![2789632-16fcd69c44a7ac18.png][] 再看看显示内容: ![2789632-ad41d969248ff57c.png][] 是不是少了一些文字呢? 所以呢,通过真个实例说明一件事情,也就是说在vue中,也是可以直接使用js一般方法的。哈哈,猜测。 [2789632-5788b226ecf85ccb.png]: /images/20210615/eea45a66f7c34cbb89f0c110d4f8ada3.png [2789632-60bcbb5b15f0c82a.png]: /images/20210615/06d6f0e8406540ed97e89fc064a1fcac.png [2789632-16fcd69c44a7ac18.png]: /images/20210615/1d42378e410b4db9840aa07c594b4a9d.png [2789632-ad41d969248ff57c.png]: /images/20210615/76ef8b9cd172405dbe7ee8289fbb7b68.png
还没有评论,来说两句吧...