Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] x-address 控件绑定值,手动赋值为空数组时,直接点击,触发弹框后,不滚动picker,直接点击完成,没有赋值 #2939

Closed
zerogog opened this issue Jul 14, 2018 · 3 comments

Comments

@zerogog
Copy link
Contributor

zerogog commented Jul 14, 2018

VUX version

2.9.2

OS/Browsers version

window10/chrome67

Vue version

2.5.17-beta.0

Code

<template>
  <div>
    <group>
      <x-address @on-hide="logHide" @on-show="logShow" :title="title" v-model="value" :list="addressData" @on-shadow-change="onShadowChange" placeholder="请选择地址" inline-desc="可以设置placeholder" :show.sync="showAddress"></x-address>
      <cell title="上面value值" :value="value"></cell>
      <x-button @click.native="clear">清空数据</x-button>
    </group>

  </div>
</template>

<i18n>
select address:
  zh-CN: 选择地址
</i18n>

<script>
import { Group, XAddress, ChinaAddressV4Data, XButton, Cell, Value2nameFilter as value2name } from 'vux'

export default {
  components: {
    Group,
    XAddress,
    XButton,
    Cell
  },
  data () {
    return {
      title: '默认为空',
      value_0_1: [],
      value: [],
      title2: '设置值',
      value2: ['天津市', '市辖区', '和平区'],
      value3: ['广东省', '中山市', '--'],
      addressData: ChinaAddressV4Data,
      value4: [],
      value5: ['广东省', '深圳 市', '南山区'],
      showAddress: false
    }
  },
  methods: {
    doShowAddress () {
      this.showAddress = true
      setTimeout(() => {
        this.showAddress = false
      }, 2000)
    },
    onShadowChange (ids, names) {
      console.log(ids, names)
    },
    changeData () {
      this.value2 = ['430000', '430400', '430407']
    },
    changeDataByLabels () {
      this.value2 = ['广东省', '广州市', '天河区']
    },
    changeDataByLabels2 () {
      this.value2 = ['广东省', '中山市', '--']
    },
    getName (value) {
      return value2name(value, ChinaAddressV4Data)
    },
    logHide (str) {
      console.log('on-hide', str)
    },
    logShow (str) {
      console.log('on-show')
    },
    clear () {
      this.value = []
    }
  }
}
</script>

Steps to reproduce

组件渲染完成之后随便选择一个地址,点击完成,之后点击清除数据按钮。点击地址组件,不选择地址,直接点击完成。

x-address

What is Expected?

点击完成之后数据默认为当前picker组件的预览值

What is actually happening?

没有赋值

@zerogog zerogog mentioned this issue Jul 14, 2018
3 tasks
@ontheway0101
Copy link

@zerogog 你好,我想请问一下,作者没有处理PR,我fork项目自己修复bug,如何才能在我自己的项目中使用?
我尝试自己打包发布到npm,但是引用报错,应该是打包方式不对,请问我该怎么做,谢谢!

ontheway0101 added a commit to ontheway0101/vux that referenced this issue Sep 30, 2018
ontheway0101 added a commit to ontheway0101/vux that referenced this issue Sep 30, 2018
@zerogog
Copy link
Contributor Author

zerogog commented Nov 1, 2018

@ontheway0101 你好,问题解决了吗?如果没有,可以提供主要的操作步骤和具体的报错信息吗?可以一起讨论一下。

@ontheway0101
Copy link

ontheway0101 commented Nov 1, 2018

@zerogog 谢谢回答,问题已经解决,我直接使用npm引用我修复bug后的github仓库,如下

npm install github:ontheway0101/vux

这样可以不用发布到npm仓库,也能解决我的问题。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants