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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue的picker问题
    35
    0
    <template>
      <div class="conatiner">
        <div style="background-color: #286090">
          <text class="title" style="height: 80px ;padding: 20px;color: white">分配添加</text>
        </div>
        <div @click="normalpick" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">选择试卷{{normalpickData}}</text></div>
        <div @click="normalpick1" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">选择答题人{{normalpickData1}}</text></div>
        
        <div class="button" @click="tianjia">
              <text class="text">添加</text>
      </div>
      </div>
    </template>
    
    <style>
      .container {
        flex: 1;
      }
    </style>
    
    <script>
      const picker = weex.requireModule('picker');
      var stream = weex.requireModule('stream');
      const modal = weex.requireModule('modal');
      
      module.exports = {
        data: {
          normalpickData:'',
          normalpickData1:'',
        },
        methods: {
          normalpick: function() {
            var self = this;
            picker.pick({
              height: '300px',
              items: [211,218],
            }, function(ret) {
              var result = ret.result;
              if (result == 'success') {
                self.normalpickData = ret.data;
              }
            })
          },
          normalpick1: function() {
            var self = this;
            picker.pick({
              height: '300px',
              items: [15,17,18],
            }, function(ret) {
              var result = ret.result;
              if (result == 'success') {
                self.normalpickData1 = ret.data;
              }
            })
          },
          tianjia(event){
            stream.fetch({
                        method:"POST",
                        type:'json',
                        url:'http://XXX.com/XXX/XXX',
                        headers:{'Content-Type':'application/x-www-form-urlencoded'},
                        body:this.toParams(
                                {
                                    hospital_id:2,
                                    department_id:16,
                                    shijuan_id:this.normalpickData,
                                    patient_id:this.normalpickData1,
                                })
                    }, function(data) {
                        if(data.data.code!=0){
                            modal.toast({
                                'message': data.data.msg,
                                'duration': 2.0
                            })
                        }else{
                            modal.toast({
                                //message: JSON.stringify(data),
                                message: data.data.msg,
                                duration: 2.0
                            })
                        }
                    },function(progress) {
                    })
          },
          toParams(obj) {
            var param = ""
            for(const name in obj) {
                if(typeof obj[name] != 'function') {
                    param += "&" + name + "=" + encodeURI(obj[name])
                }
            }
            return param.substring(1)
        },
        }
      }
    </script>

    这个选中的为何是下标,不是当前的值,我这个算是单页应用吧,如何进入当前页面触发一个函数,将查到的数据压入到items数组。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • Traveler过客 普通会员 1楼

      Vue.js的picker组件主要是用于选择日期、时间、日期/时间等日期/时间格式的,它可以通过v-modelv-model date指令进行双向数据绑定。但是,有时候我们可能需要手动手动绑定数据,这可能会导致一些问题。

      例如,你可能有一个日期选择器,但是你可能需要手动绑定数据到这个选择器。那么,你需要在模板中使用v-model指令,然后在数据中手动设置这个选择器的数据。

      如果你使用的是Vue2,那么在v-model指令中,你需要使用:date来指定你想要绑定的值是日期类型。例如:

      html <input type="text" v-model="date">

      如果你使用的是Vue3,那么在v-model指令中,你可以直接使用v-model="date" date来指定你想要绑定的值是日期类型。

      在数据中,你可以直接使用date属性来表示日期,例如:

      javascript data() { return { date: '2021-01-01' } }

      如果你手动绑定这个日期选择器,那么你需要在模板中使用<input type="date" :date="date">来表示这个日期选择器。例如:

      html <input type="date" :date="date">

      注意,手动绑定的数据可能需要你自己定义,而v-model指令只能绑定固定的值,不能绑定动态的值。如果你需要绑定动态的值,你需要使用v-model="date" date="date" date-making="date-making">来表示这个日期选择器,其中date-making属性是一个函数,这个函数会在每次数据改变时被调用。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部