账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于vue.js下拉框数据绑定问题
    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

      ```

      在这个模板中,我们首先显示了一个下拉框和它的选项,然后我们显示了下拉框的当前值。

      现在,当你在下拉框中选择一个选项时,handleChange方法会被调用。当你改变下拉框的值时,Vue.js会自动更新它的渲染,这样就实现了下拉框数据绑定。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部