element的el-input怎么绑定一个未定义的属性？

Question

html如下，vue的data赋值toolbarQueryParam={}，但里面的属性，例如被绑定的toolbarQueryParam.loginName不会预先定义，因此不想在js再写一遍这些属性

                <el-form :model="toolbarQueryParam">
                    <!--查询条件的项，控件用element的form-->
                    <el-form-item label="登录名">
                        <el-input v-model="toolbarQueryParam.loginName"></el-input>
                    </el-form-item>

这样写法的记过是双向绑定有问题，例如手动在界面录入值，然后用js改值，发现改了后界面没变

如果在vue的data也就是一开始就给toolbarQueryParam.loginName赋值，那是正常的

这种用法，在原生input text可以

Answer 1

我觉得吧，不用太固执吧，给个loginName: ''就好了，大佬