V-html + 函数方法的使用记录

60 阅读1分钟
  • 这是一段html的一个标签,要的是一个lable+后面的金额值,金额值是一个方法函数,因为他是会变动的,之前找了好久现在才知道原来要加一个“()”
<div>
  <span style="font-weight: bolder; font-size: 20px;">总计金额:</span>
  <span v-html="selectMoneySum()" ></span>

</div>
  • 这里是方法
const selectMoneySum = () =>{
  var count = 0
  for (let i = 0; i < viewData.value.toUserMultipleSelection.length; i++) {
    const toUser = viewData.value.toUserMultipleSelection[i]
    count += toUser.checkedMoneySum + toUser.uncheckMoneySum
  }
  const realVal = count.toFixed(2)
  return numberToMoney(realVal)
  // return 100
}
  • 当然我这个是TS的
<script lang="ts" setup>