php - 使用 Laravel 在 vue js 中选择当前无法正常工作的下拉列表
问题描述
嗨,我有这个选择下拉菜单,将在编辑页面上选择。现在我的问题是我已经有了代码,但它似乎不起作用。这是下面的代码。
<div id="app-accomodation-type-private">
<select name="accomodationType" id="form_type" data-style="btn-selectpicker" title="" aria-describedby="propertyTypeHelp" class="selectpicker form-control">
<option value="0">Please Select</option>
<optgroup v-for="(group, name) in optionGroups" :label="name">
<option v-for="option in group" :value="option.value" :selected="option.value =={{ json_encode($postRoom['accomodation_type']) }}?true : false">
@{{ option.text }}
</option>
</optgroup>
</select>
</div>
现在我的 vue js 脚本
<script>
//accomodation type private room
new Vue({
el: '#app-accomodation-type-private',
data: {
//selected: 'A',
optionGroups: {
PrivateRoom: [
{ text: 'Single Bed', value: 'Single Bed' },
{ text: 'Double Bed', value: 'Double Bed' },
{ text: 'Queen Size Bed', value: 'Queen Size Bed' },
{ text: 'Barkada', value: 'Barkada' }
],
Tent: [
{ text: 'Tent', value: 'Tent' },
{ text: 'Hammock', value: 'Hammock' }
]
}
}
})
</script>
现在似乎是什么问题?有人可以帮我弄清楚这件事吗?TIA
解决方案
推荐阅读
- cakephp-3.7 - 如何更改 FormHelper 的文本输入模板?
- python - Python argparse“-”和“--”参数之间有什么区别?
- node.js - Nativescript 安装错误 安装后脚本
- python - 关于 split() 和 for each 循环的问题
- tensorflow - keras.model.predict 引发 ValueError:检查输入时出错
- thinkscript - 如何在函数调用中使用折叠语句索引
- python - 如何对不同的随机响应采取行动(在我的文字冒险游戏中)
- java - 将多个菜单项初始化为餐厅菜单的最佳方法
- java - if 语句中的 ArrayList == null
- json - 如何在交叉表中显示行总数和列总数?