- 43
- 0
这样子绑定的数据是自定义的,那如果想通过查询后台数据库,将查询的结果显示在下拉框中应该怎么做呢?附上html和vue.js
html:
<div class="form-group">
<div class="col-sm-2 control-label">状态</div>
<div class="col-sm-10">
<select class="form-control" v-model="a.orderStatus">
<option v-for="item in items" v-bind:value="item.value">{{item.text}}</option>
</select>
</div>
</div>
vue.js:
var vm = new Vue({
el:'#rrapp',
data:{
showList: true,
title: null,
a: {},
items:[{text:'待付款',value:'1'},{text:'已付款-待受理',value:'2'},{text:'已受理-审核中',value:'31'},
{text:'已投保',value:'32'},{text:'出险已受理,资料审核中',value:'41'},{text:'审核通过,理赔进行中',value:'42'},
{text:'完成理赔,出险归档',value:'43'},{text:'中止出险',value:'44'},{text:'已退款',value:'-1'}]
}, 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
谎言成双; 普通会员 1楼
在Vue.js中,下拉框数据绑定涉及到组件的实例化、数据绑定和视图更新。下面是一个简单的例子,展示如何在下拉框数据绑定中使用Vue.js。
首先,我们创建一个组件,名为
Select:```html
```
在这个例子中,我们首先定义了一个下拉框,它的值和选项都在
data对象中定义。然后我们定义了一个handleChange方法,当用户在下拉框中选择一个选项时,这个方法会被调用。接下来,我们创建一个模板,用于显示下拉框和它的选项:
```html
{{ value }}
```
在这个模板中,我们首先显示了一个下拉框和它的选项,然后我们显示了下拉框的当前值。
现在,当你在下拉框中选择一个选项时,
handleChange方法会被调用。当你改变下拉框的值时,Vue.js会自动更新它的渲染,这样就实现了下拉框数据绑定。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

