Vue数组的基本操作:join操作

 时间:2024-10-12 14:19:23

1、在Vue实例的data数据中初始化一个数组。stars:['刘德华'挢旗扦渌;,'张学友','黎明','郭富城']

Vue数组的基本操作:join操作

2、在页面中将原数组显示出来。<p>明星原数组:{{stars}}</p>

Vue数组的基本操作:join操作

3、添加一个按钮,用来绑定事件joinArr。

Vue数组的基本操作:join操作

4、在methods中添加joinArr方法,对数组执行join操作,并打印在控制台

Vue数组的基本操作:join操作

5、点击【运行】-【运行到浏览器】选择浏览器打开(这里用的是HBuilder编译器)

Vue数组的基本操作:join操作

6、点击按钮【数组元素拼接】,f12打开调试工具,查看控制台输出。

Vue数组的基本操作:join操作

7、默认是用逗号拼接的,如果想用其他符号,可以直接使用join(args),例如使用+拼接。

Vue数组的基本操作:join操作

8、再次点击按钮,查看控制台输出。

Vue数组的基本操作:join操作
  • 如何用JS动态改变表单form里的action值
  • css如何让div的高度随着内容高度变化
  • dbeaver怎么搜索数据库中的文件?
  • sql删除语句
  • git stash怎么恢复
  • 热门搜索
    感谢老师的手抄报 国庆英语手抄报 雾霾手抄报 国庆节手抄报简单又漂亮字少 读书手抄报花边 英语手抄报花边 庆祝国庆节手抄报 双节手抄报 关于卫生的手抄报 防震减灾手抄报资料