苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

分布式系统框架(V1.3) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper万能框架(V2.3) HttpHelper官方出品,无敌框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V1.9) 最牛的爬虫类,没有爬不到只有想不到 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 159|回复: 5

[vue.js] Vue.js下拉框绑定和取值Select--Option >

[复制链接]
发表于 2019-1-7 18:17:48 | 显示全部楼层 |阅读模式
Vue.js下拉框绑定和取值Select--Option >

html代码如下
[HTML] 纯文本查看 复制代码
 <div>
        <Form :model="formItem" ref="formItem" :rules="ruleInline" :label-width="80">
 
      
 
            <FormItem label="完成状态 : " prop="sendValue">
                <Select style="width:200px" v-model="formItem.sendValue">
                    <Option v-for="item in formItem.stateList" :value="item.value" :key="item.value" name="sendValue">{{
                        item.label }}
                    </Option>
                </Select>
            </FormItem>
        
        </Form>
    </div>

js部分代码如下

[JavaScript] 纯文本查看 复制代码
<script type="text/ecmascript-6">
    export default {
        mounted() {
            this.getData();
        },
        methods: {
 
            /**
             * 提交数据
             * @param name
             */
            submit(name) {
 
                this.$refs[name].validate((valid) => {
                    if (valid) {
                        let temp = {};
                        var url = this.ServerIp + this.API.editDemand + "/d_id/" + this.$route.query.d_id;
                        var that = this;
                        var params = {};
                        params.d_create_user = this.formItem.d_create_user;
                        params.d_progress = this.formItem.d_progress,
                            params.d_status = this.formItem.sendValue,
                            params.edit = 1;
                        this.modal_loading = true;
                        console.log(params.de_enclosure);
                        this.$http({
                            method: 'post',
                            url: url,
                            data: params,
                        }).then((res) => {
                            this.modal_loading = false;
 
                            if (res.data.success) {
                                that.$Message.success('需求编辑成功');
                                this.$refs[name].resetFields();
                                //路由跳转
                                // this.$router.push({path: '/forumCategoryList'});
                            } else {
                                that.$Message.error(res.data.result);
                            }
 
 
                        });
 
                    }
 
 
                });
 
 
            },
 
 
        data() {
            return {
             
                modal_loading: false,
                questionImageIsShow: false,
                formItem: {
                    d_title: "",
                    u_phone: "",
 
                    stateList: [
                        {
                            value: '0',
                            label: '待分配'
                        },
                        {
                            value: '1',
                            label: '开发中'
                        },
                        {
                            value: '2',
                            label: '已完成'
                        },
                        {
                            value: '3',
                            label: '停用'
                        },
                        {
                            value: '4',
                            label: '已变更'
                        }
                    ]
                
            
 
        }
    }
</script>

 楼主| 发表于 2019-1-7 18:18:45 | 显示全部楼层
 楼主| 发表于 2019-1-7 18:21:00 | 显示全部楼层
发表于 2019-1-7 20:48:54 | 显示全部楼层
发表于 2019-1-8 09:40:20 | 显示全部楼层
发表于 2019-1-8 16:43:59 | 显示全部楼层
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备17001017号-1 )

GMT+8, 2019-3-18 21:44

© 2017-2018

快速回复 返回顶部 返回列表