vue3中用computed计算属性

<template>
  <div>
    <el-input-number v-model="state.one" :min=1></el-input-number>
    <el-input-number v-model="state.two" :min=2></el-input-number>
    <el-input disabled  style="width:50px" v-model="state.total"></el-input>
  </div>
</template>
<script setup lang='ts'>
  import {reactive,computed} from 'vue'
 
  let state=reactive({
    one:0,
    two:0,
    total:0
  })
  //computed必须返回值
  state.total=computed(()=>{
    return state.one+state.two 
  }) as any
</script>
<style scoped>
</style>

image.png


computed与watch监听的区别,computed必须有返回值(return)

关键词:
上一篇 下一篇


读后有收获可以支付宝请作者喝枸杞,有疑问也可以加作者讨论:





友情链接
@寅春树 豫ICP备20020705号 Powered by Thinkcmfx