vue怎样动态修改对象属性值？

Posted 2023-03-16

我在页面上有一个数组循环，数组对象是object，然后输出object的属性值，现在想动态修改输出的属性，可否去设置？即修改图中tag的name属性，可以修改成其他的属性值

要动态修改对象的属性。那么要确切的掌握他们一些原理。 参考技术A 这个还不知道呢 不清楚这个是要怎么修改和操作呢 得问专业人士才会只是呢

vue中动态修改css其中一个属性值

<template>
<!--此div的高度取屏幕可视区域的高度-->
  <div class="hello" :style="'height':getClientHeight">
    <h5> msg </h5>


  </div>
</template>

<script>
export default 
  data() 
    return 
      msg: "Welcome to Your Vue.js App",
    ;
  ,
  computed: 
    getClientHeight:function () 
    //屏幕可视区域的高度
      let clientHeight = document.documentElement.clientHeight + "px"
      console.log("clientHeight 1=="+clientHeight)
      //窗口可视区域发生变化的时候执行
      window.onresize = () => 
        clientHeight = document.documentElement.clientHeight + "px"
        console.log("clientHeight changed2=="+clientHeight)
        return clientHeight
      
      console.log("clientHeight 3=="+clientHeight)
      return clientHeight
    
  
;
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello
  width: 100%;
  background-color: #42b983;


</style>