jquery - VueJs 在选择选项中设置自定义属性值
问题描述
我正在使用带有 laravel 的 vuejs .. 我想要的是像这样访问名为 price 的自定义属性..
<select name='unit[]' required @change='change_unit($event)'>
<option v-for='(unit) in line.units' price='66' :value='unit.get_unit_id.id'>@{{unit['get_unit_id']['name']}}</option>
</select>
这是vuejs代码
change_unit:function(event)
{
let get_val = event.target.selectedOptions[0].getAttribute("price");
console.log("Value from the Attribute: ", get_val)
}
像这样,一切都很好..但我的问题是,当我想根据 v-for 设置价格时..
<option v-for='(unit) in line.units' price='unit.price' >
在控制台中,我输入文本'unit.price'
而不是实数来自循环中的 v-for .. 那么如何根据 unit.price 设置属性价格 .. 谢谢..
解决方案
您需要绑定price
属性。绑定属性
<option v-for='(unit) in line.units' :price='unit.price'>
推荐阅读
- javascript - 自定义图像滑块错误:使用 clearInterval 停止自动前进不起作用
- javascript - 如何使用 HTML5 本地存储功能将 HTML 表单数据附加到 JSON 对象
- sql - Oracle SQL Developer:动态选择列中的值 = MAX 值的行
- android - 如何从时间戳 20180805231400 -0300 以 HH:mm:ss 格式获取时间
- c# - 重新选择 Datagrid 行后,SelectionChanged 事件不会触发?
- elixir - 生成后未定义控制器
- java - 重命名所有风格的类
- python - 通过 exchangelib 创建事件时的描述/text_body
- javascript - 在 React Native 视图上强制 onLayout
- java - SQL select 命令只返回列名