vue怎么根据字符串长度控制显示的字数超出显示省略号...

如下图,之前用css样式做了这样的效果,但是我这里有个展开的按钮,需要根据一些判断显示展开按钮,我用的是vue所以就想着用vue来做效果,但是vue的话也是刚接触不久,不知道该怎么实现,在此请教,谢过。

https://img3.mukewang.com/5c6cde9b0001a66705870688.jpg

改用vue,代码修改:

css:

https://img4.mukewang.com/5c6cdea10001271f04610317.jpg

html:

https://img.mukewang.com/5c6cdea50001aef708000126.jpg

https://img4.mukewang.com/5c6cdea60001083d07150367.jpg

我这样做的话,单条来是可以实现,但是如果是多条数据的话,当点击展开或者收起,就是所有的朋友圈数据都一起操作了,该怎么该呢??在此谢过

经过多方大佬解答,自己选了这么做。代码如下:

https://img4.mukewang.com/5c6cdeaa00010a5608000157.jpg

https://img3.mukewang.com/5c6cdeb00001342308000301.jpg

在后台的返回数据里,每一条添加一个属性

https://img.mukewang.com/5c6cdeb30001868a06460119.jpg

皈依舞
浏览 9389回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript