Vux ui placing range components in popup cannot bind v-model

problem description

place range component in popup set v-model for range component invalid open popup after range display initial value is NaN

the environmental background of the problems and what methods you have tried

after deleting popup, you can place the range component separately to get the value of v-model normally. After adding popup, you just need a pair of < popup > tags

.

related codes

/ / Please paste the code text below (do not replace the code with pictures)

<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>

what result do you expect? What is the error message actually seen?

in the middle of the project, I found that vux is a personal project, which is basically unmaintainable. I can"t be sure whether it is bug or not.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b31749-2b512.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b31749-2b512.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?