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

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

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vux ui在popup内放置range组件无法绑定v-model
    59
    0

    问题描述

    在popup内放置range组件 为range组件设置v-model无效 打开popup后range显示初始值为NaN

    问题出现的环境背景及自己尝试过哪些方法

    删除popup之后单独放置range组件可以正常获取v-model的值 加上popup后就不行 就差一对<popup>标签

    相关代码

    // 请把代码文本粘贴到下方(请勿用图片代替代码)

    <template>
      <div>
        <popup v-model="show">
          <group label-width="4em">
            <cell title="亮度:" :inline-desc="`当前: ${light}`" primary="content">
              <range v-model="light"></range>
            </cell>
          </group>
        </popup>
      </div>
    </template>
    
    <script>
    import {Range, Group, Popup, Cell} from 'vux'
    
    export default {
      name: 'Senior',
      components: {Range, Group, Popup, Cell},
      data () {
        return {
          show: true,
          light: 50
        }
      }
    }
    </script>

    你期待的结果是什么?实际看到的错误信息又是什么?

    做到一半才发现vux是个人项目 平时基本无人维护 不能确定是不是bug

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

      在Vue中,我们通常使用v-model来处理数据的变化。如果你想在popup中放置range组件,并且无法绑定v-model,你可以尝试以下几种方法:

      1. 使用计算属性:你可以在popup中使用计算属性来处理数据。然后在组件中使用v-model来绑定数据。这样,当你在popup中修改数据时,计算属性的值也会相应地改变。

      ```javascript

      ```

      1. 使用dataWatch:你可以在popup的data属性中使用dataWatch来监听数据的变化。然后在组件中使用v-model来绑定数据。这样,当你在popup中修改数据时,数据Watch的值也会相应地改变。

      ```javascript

      ```

      以上两种方法都可以在popup中放置range组件,并且无法绑定v-model。但是,如果你在popup中使用了计算属性或dataWatch,你可能需要在组件中使用v-model来绑定数据。

    更多回答
    扫一扫访问手机版