Vue3响应式ref定义的一个变量赋值给一个普通变量，普通变量改变不影响ref定义的变量

spring_007_999

于 2024-09-09 14:40:37 发布

阅读量159

点赞数 2

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/spring_007_999/article/details/142058581

版权

//定义的响应式变量是一个对象   
const formState = ref({
      zhouqi: null,
      sellElectricityTime:null,
      locationId:null,//设备位置  
    });



//在某个方法内，接口提交的之前需要把 formState里面的值处理一下，又不能影响到页面现有的显示效果，
//只能把它赋值给一个普通的变量，用下面这种方式才能让普通变量obj脱离响应式；

     let obj={
        zhouqi:formState.value.zhouqi,
        sellElectricityTime:formState.value.sellElectricityTime,
        locationId:formState.value.locationId,
     }

      if(obj.locationId==null){
        console.log("没有选择位置")
      }else{
        let arr=obj.locationId
        let endid=arr[arr.length-1]
        obj.locationId=endid
      }
      console.log("处理之后传给后台的obj",obj)
      console.log("此刻的formState.value",formState.value)