详细问题描述
当动态绑定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
f***@yeah.net
我也遇到这个问题,只能v-if 分开写死type吗,你后来怎么处理的。
很奇怪为什么这个问题没有立bug,官方文档也没说明
2020-03-25 10:13