vue 如何取data 多维数组的某个值及多个实例的引用赋值

最新推荐文章于 2023-12-07 19:57:57 发布

原创最新推荐文章于 2023-12-07 19:57:57 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

Web 同时被 2 个专栏收录

12 篇文章

订阅专栏

VUE

9 篇文章

订阅专栏

本文详细介绍了在Vue.js中如何获取并操作data里的多维数组特定值，以及如何在多个实例间进行引用赋值。通过实例演示，展示了Vue的响应式系统在处理复杂数据结构时的高效性和灵活性。

var db_sqlite3_refreh= new Vue({
    el:"#focus_list_count",
    data:{
		num: 1,
		累计采购额:"---.--",
		累计销售额:"---.--",
		实时库存量:"---.--",
		累计入库:"---.--",
		累计出库:"---.--",
		进库车辆:"---.--",		
        todosjson:[{"name":"sxsp11","content":[{"入库吨数":"34T121","车辆信息":"辽L1231212","地磅数据":"123456121","入库时间":"2021-07-25 12:11","累计采购额":"100.12"}]}]

},
mounted(){
	this.created();
	
},
btnChangeMsg(){
		axios.get('/getM01API', {
    params: {
      TKID: 12345
    }
  }).then((response) => {  //箭头可支持.访问操作
		console.log("======================response");
		console.log(response);
		console.log("======================response.data");
		console.log(response.data);


		this.todosjson=response.data;

        this.累计出库=this.todosjson[0].content[0].累计出库;
        this.进库车辆=this.todosjson[0].content[0].进库车辆;
        
        db_data.地磅数据=this.todosjson[0].content[0].地磅数据;
        db_data.车辆信息=this.todosjson[0].content[0].车辆信息;

var db_data = new Vue({
	el : "#db_data",
    data: {
		//数据集
	地磅数据: "------",
	车辆信息: "------",
	入库吨数: "------",
	入库时间: "------",
	出库吨数: "------",
	出库时间: "------",	
	num:1
	},
	// computed: {
		////计算属性函数集
		// },
	// methods: {
		////函数集
		// },
	// mounted: {
		////不用按钮直接运行函数集
		// },
	// watch: {
		////观察者
		// }
    });