c***@163.com
c***@163.com
  • 发布:2019-03-16 16:54
  • 更新:2019-03-18 10:33
  • 阅读:1537

【报Bug】当动态绑定input的type属性时会导致解析错误

分类:uni-app

详细问题描述

当动态绑定input的type属性时会导致input解析异常,正常情况下input会被解析成uni-input,但是当动态绑定type属性后input不会被转换成uni-input

重现步骤

[步骤]

<template>  
    <view>  
        <input :type="test.type" class="input" :name="test.name" v-model="username" placeholder="请输入账号" />  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                test: {  
                    name: 'username',  
                    type: 'idcard'  
                },  
                username: '11'  
            };  
        }  
    }  
</script>

[结果]

<input data-v-8e3b88f6 name="username" placeholder="请输入账号" type="idcard" class="input">

[期望]

<uni-input data-v-8e3b88f6 class="input" style="position: relative;">  
    <div><input maxlength="140" step="" type="" style="height: 43px; line-height: 43px;">  
        <div class="input-placeholder" style="display: none; height: 43px; line-height: 43px;">请输入账号</div>  
    </div>  
    <uni-resize-sensor>  
        <div>  
            <div></div>  
        </div>  
        <div>  
            <div></div>  
        </div>  
    </uni-resize-sensor>  
</uni-input>  

IDE运行环境说明

[HBuilder 或 HBuilderX] HBuilderX
[IDE版本号] 1.7.0.20190314
[windows版本号] win10

uni-app运行环境说明

[运行端是h5或app或某个小程序] h5
[运行端版本号] Chrome 72.0.3626.121

联系方式

[QQ] 1978364643
[email] chsmWork@163.com

2019-03-16 16:54 负责人:无 分享
已邀请:
c***@163.com

c***@163.com (作者) - yhzl

发布问题那么久了都没有一个人回复?好歹来个人说明是官方的问题,还是我使用不当吧。

  • f***@yeah.net

    我也遇到这个问题,只能v-if 分开写死type吗,你后来怎么处理的。

    很奇怪为什么这个问题没有立bug,官方文档也没说明

    2020-03-25 10:13

Trust

Trust - 少说废话

不支持动态切换类型,后面确认下与其它平台的差异。
如果一定要动态切换,可以尝试自己修改源码先处理下。

该问题目前已经被锁定, 无法添加新回复