dottedImage: '/assets/img/perfolist6.jpg',
dottedImage2: '/assets/img/dotted1.jpg',
allSizes: [1.1, 1.3, 1.5, 1.8, 2.0, ],
dottedStep: [2.2, 2.5, 2.8,],
dottedType: ['1A RV'],
....
state: 'dotted',
myOption: {
myType: '',
mySize: '',
myStep: '',
myStep2: '',
mySpace: '',
myMaxSize: ''
<h2>Выберите тип</h2> <br>
<select v-model="state" @change="newFuncstat()">
<option v-for="(type, index) in types" :value="type.category" value="">{{ type.name }}</option>
</select>
<!--dotted start-->
<div class="settings dotted" v-if="state == 'dotted'">
<div class="settings-left">
<p>Размер отверстия, a</p>
<select v-model="iter" @change="complter()">
<option v-for="(item, index) in allSizes" :value="index">{{ item }}</option>
</select>
......
<h4>Ваш выбор:</h4>
<p>Тип:</p>
<p>{{ myOption.myType }}</p>
<p>Размер отверстия, a:</p>
<p>{{ myOption.mySize }}</p>
<p>Размер шага, t:</p>
<p>{{ myOption.myStep }}</p>
<p>Открытая поверхность:</p>
<p>{{ myOption.mySpace }}</p>
<p>Максимальная ширина:</p>
<p>{{ myOption.myMaxSize }}</p>
...
и дальше кнопка заказать
<a data-fancybox data-src="#hidden-content" href="javascript:;">Заказать</a>
<div style="display: none;" id="hidden-content">
<h4>Ваш выбор</h4>
<p>Тип:</p>
<p>{{ myOption.myType }}</p>
<p>Размер отверстия, a:</p>
<p>{{ myOption.mySize }}</p>
<p>Размер шага 1, t:</p>
<p>{{ myOption.myStep }}</p>
<p>Размер шага 2, t:</p>
<p>{{ myOption.myStep2 }}</p>
<p>Открытая поверхность:</p>
<p>{{ myOption.mySpace }}</p>
<p>Максимальная ширина:</p>
<p>{{ myOption.myMaxSize }}</p>
<div id="myform">
<div class="myform">
<form class="myform_form" id="myform_post">
<input type="text" id="name1" name="name1" placeholder="Введите ваше имя">
<input type="text" id="phone2" name="phone2" placeholder="Введите ваш номер телефона">
<input type="submit" name="submit" class="m-btn" value="Заказать">
<input type="hidden" name="hiddenvalue1" value="{{ myOption.myType }}">
$to = "info@frunze.kz"; /*Укажите адрес, га который должно приходить письмо*/
$sendfrom = "info@frunze.kz"; /*Укажите адрес, с которого будет приходить письмо, можно не настоящий, нужно для формирования заголовка письма*/
$headers = "From:" . strip_tags($sendfrom) . "\r\n";
$headers .= "Reply-To: ". strip_tags($sendfrom) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html;charset=utf-8 \r\n";
$subject = "Заявка с сайта";
$message = "Параметр1: . $param1 .";
$message = "Заявка с сайта <br>
<b>Имя пославшего:</b> $name <br>
<b>Телефон:</b> $phone<br>
<b>Тип:</b> $param1<br>";
$send = mail ($to, $subject, $message, $headers);
if ($send == 'true')
<a data-fancybox data-src="#myform" href="javascript:;">Заказать</a>
<div style="display: none;" id="myform">
<h4>Ваш выбор</h4>
<p>Тип:</p>
<p>{{ myOption.myType }}</p>
<p>Размер отверстия, a:</p>
<p>{{ myOption.mySize }}</p>
<p>Размер шага 1, t:</p>
<p>{{ myOption.myStep }}</p>
<p>Размер шага 2, t:</p>
<p>{{ myOption.myStep2 }}</p>
<p>Открытая поверхность:</p>
<p>{{ myOption.mySpace }}</p>
<p>Максимальная ширина:</p>
<p>{{ myOption.myMaxSize }}</p>
<!--<form class="myform_form" id="myform">
<input type="text" id="name1" placeholder="Введите ваше имя">
<input type="text" id="phone2" placeholder="Введите ваш номер телефона">
<input type="submit" name="submit" class="m-btn" value="Заказать">
</form>-->