Добрый день коллеги!!! Помогите пожалуйста в решении проблемы..
В компоненте vue в methods получаю данные
methods:{
getTextiles() {
axios.get('https://site.ru/api/textile')
.then(res => {
this.textiles = res.data
})
},
}
затем вывожу это в select
<select v-model="select" >
<option v-for="item in textiles"
:value="item.price"
:class="{ red:item.quantity===2,green:item.quantity===1}"
:data-width="item.width"
>{{item.title}}</option>
</select>
задача такова - нужно передать data атрибут data-width у выбранного option передать в формулу
textileSumm
computed: {
textileSumm() {
return ((parseInt(this.width) * parseInt(this.height)) * 1.6 / parseInt(this.select.item.width));
},
},
в формуле в поля height width данные передаются без проблем, а вот из data атрибут из селект нет.
Причем в value я не могу пробросить данные т.к. там выводится цена
Прошу помощи.