VUE 之编程式跳转页面传递数组对象

步骤:
初始组件:

const dataList = [
	{name: '张三', age: '18'}{name: '李四', age: '17'}{name: '王五', age: '16'}
]
//使用 JSON.stringify 将数据转换为 JSON 字符串,以便在 URL 上进行传递。
this.$router.push({
          path: '',
          query: {
            data: JSON.stringify(dataList )
          }
        })

目标组件:

//使用 JSON.parse 解析 JSON 字符串,将其转换回原始的 JavaScript 对象或数组。
const jsonData = JSON.parse(this.$route.query.data);
console.log(jsonData) 
// [
//	{name: '张三', age: '18'},
//	{name: '李四', age: '17'},
//	{name: '王五', age: '16'}
//]

你可能感兴趣的:(vue.js,javascript,前端)