valueの値を2つ付けてv-modelで合計金額の算出とメール内容には選択した項目が分かるようにしたい

現状

htmlファイルに、Vue.jsで選択した項目の合計金額を出しています。
また、mailform01（https://www.php-factory.net/）というフリーの簡単に作れるお問い合わせフォームも導入中です。

やりたいこととして、ラジオボタンとチェックボックスにvalueの値を2つ渡して、1つの値は金額の合計算出のために、もう1つは自動返信メールに選択した項目が何かが分かるようにしたいです。
お問い合わせの際に、

問題点

valueの値が数字だけなので、お問い合わせのメール内容が、数字になっていて、何を選択したかが分からない。

【どれを選びますか？】 10000
【その他のオプションを選んで下さい】10000,20000
【合計金額】40,000円

実現したいこと

valueにもう一つ値を追加して、金額の合計を出しつつ、お問合せのメール内容には、

【どれを選びますか？】金
【その他のオプションを選んで下さい】切断,磨き
【合計金額】40,000円

というように選択した内容が分かるようにしたい。

現状のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>Document</title>
7</head>
8<body>
9  <div id="app">
10    <form method="post" action="mail.php">
11      <div class="item">
12        <h2>どれを選びますか？</h2>
13        <input type="radio" name="どれを選びますか？" id="1a" value="10000" v-model.number="sum1">
14        <label for="1a">金</label>
15
16        <input type="radio" name="どれを選びますか？" id="1b" value="20000" v-model.number="sum1">
17        <label for="1b">銀</label>
18
19        <input type="radio" name="どれを選びますか？" id="1c" value="30000" v-model.number="sum1">
20        <label for="1c">銅</label>
21      </div>
22
23      <div class="item">
24        <h2>その他のオプションを選んで下さい</h2>
25        <input type="checkbox" name="その他のオプションを選んで下さい[]" id="2a" value="10000" v-model.number="sum2">
26        <label for="2a">切断</label>
27
28        <input type="checkbox" name="その他のオプションを選んで下さい[]" id="2b" value="20000" v-model.number="sum2">
29        <label for="2b">磨き</label>
30
31        <input type="checkbox" name="その他のオプションを選んで下さい[]" id="2c" value="30000" v-model.number="sum2">
32        <label for="2c">加工</label>
33
34        <input type="checkbox" name="その他のオプションを選んで下さい[]" id="2d" value="40000" v-model.number="sum2">
35        <label for="2d">その他</label>
36      </div>
37
38      <div class="item">
39        <input type="text" name="合計金額[][円]" v-model="sumTotal" readonly>
40      </div>
41
42      <div class="item">
43        <h2>お名前</h2>
44        <input size="20" type="text" name="お名前" />
45      </div>
46
47      <div class="item">
48        <h2>メールアドレス</h2>
49        <input size="30" type="text" name="Email" />
50      </div>
51
52      <p align="center">
53        <input type="submit" value="　 確認 　" />
54      </p>
55    </form>
56  </div>
57
58  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
59  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
60  <script src="https://cdn.jsdelivr.net/npm/vue-router@3.0.2/dist/vue-router.js"></script>
61  <script>
62    let app = new Vue({
63      el: '#app',
64      data: {
65        sum1: '',
66        sum2: []
67      },
68      filters: {
69        numFormat: function (value) {
70          if (!value) {
71            return '0'
72          }
73          return value.toString().replace(/(\d)(?=(\d{3})+$)/g, '$1,')
74        }
75      },
76      computed: {
77        checkboxTotal: function () {
78          return this.sum2.reduce((p, x) => p + x, 0)
79        },
80        sumTotal: function () {
81          return this.sum1 + this.checkboxTotal
82        },
83      }
84    });
85  </script>
86</body>
87</html>