input设置为disable，传值为空

问题
今天项目中遇到了一个小问题，用的vue，封装了一个模拟的input，但是我想让他不进行一个传值，只是让它显示默认接收的值，所以我想把这个input进行不可操作，如下：

<div class="dialogInput">
    <span class="el-input__prefix">
        <i class="el-input__icon el-icon-search"></i>
    </span>
    <input v-model="val" class="input" disabled/>
</div>

发现点击提交后，提交上来的数据为空，并没有默认值
解决方法
是换成readonly即可

    <div class="dialogInput">
        <span class="el-input__prefix">
            <i class="el-input__icon el-icon-search"></i>
        </span>
        <input v-model="val" class="input" readonly/>
    </div>