Vue 数据绑定后页面操作数据截取字符串substring()

小糖豆豆豆豆

于 2020-07-22 19:16:45 发布

阅读量2.4k

点赞数 1

分类专栏： vue组件文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_42865522/article/details/107519739

版权

vue组件专栏收录该内容

5 篇文章

订阅专栏

本文分享了两种在前端开发中截取字符串的方法。第一种直接使用substring方法，第二种则通过模板字符串结合substring实现。实测第二种方法在特定场景下更为有效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种方法，第一种是抄来的，不过不知道为什么我用这个不行，第二个是蒙出来的。
我之前写的数据是scope.row.name这种形式的，用方法二亲测可用！

<!--  方法一  截取前10位字符-->
<p>{{ name.substring(0,9) }}</p>

<!--  方法二  截取前10位字符-->
<p>{{ `${name}`.substring(0,9) }}</p>
<!--  截取 index === 10 及之后的字符-->
<p>{{ `${name}`.substring(10) }}</p>