当前位置:   article > 正文

小程序vue页面中怎么改变另外个vue界面中的属性

小程序vue页面中怎么改变另外个vue界面中的属性

在很多情况下,我们都需要在一个js或者vue中的js逻辑部分,去修改另外个vue界面中的属性

我目前掌握的这种方法在此记录:
1.在需要修改的vue界面中的属性进行注释,并引入公共存放属性的js文件

// const result = reactive({goods_id:'',video_data:{},total:0,collection:false,
	// succ_login:0
	// })
	
	//比如本来在vue3中是这样定义的,但是我们现在不直接在vue界面中这样定义,我们进行抽取到answer.js中
	import {result} from '@/Acc-config/answer.js' 
	
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

2.把定义语句移动到抽取的answer.js中

//短视频界面的数据video.vue,把这个放在外面,因为我们要在另外个界面中改变他其中collection的值
let result = reactive({goods_id:'',video_data:{},total:0,collection:false,succ_login:0})
//再接着暴露出去
export {login_user,comment_show,sku_popup,show,modify,deci,new_address,eav_index,result}
  • 1
  • 2
  • 3
  • 4

3.这样操作后是不会影响原界面的执行的
然后如果想修改这个界面属性的话,在想修改的界面同样引入

import {result} from '@/Acc-config/answer.js'
并直接进行修改即可
result.collection =collect
  • 1
  • 2
  • 3
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/232605
推荐阅读
相关标签
  

闽ICP备14008679号