西安地区专业做网站公司,北京公交yy优化,网站设计流程的步骤,wordpress 邮箱订阅在工作岗位上#xff0c;上边分配一个任务#xff0c;创建一个页面#xff0c;从0-1#xff0c;全部自己搭建#xff0c;也没有啥模版#xff0c;就这么来#xff0c;那就直接来吧#xff0c;没办法#xff0c;那就直接上手#xff0c;开发过程中#xff0c;我使用了…在工作岗位上上边分配一个任务创建一个页面从0-1全部自己搭建也没有啥模版就这么来那就直接来吧没办法那就直接上手开发过程中我使用了v-model对输入文本框的值进行双向绑定这样可以直接使用用户输入文本框的值同时后端传递的值也可以直接展示到文本框中这样就实现文本框的双向绑定但是需要注意的是使用文本框有风险一不小心就会碰到和我一样的问题在输入了第一次值后明明是一个空的文本框你去输入文字发现怎么输入数值都是空的无法输入。
我的原因在于
el-form refformAdd :modelbrandAdd label-width100px :rulesrulesBrandel-rowel-col :span10el-form-item label品牌名称 propnametemplateel-select v-modelbrandAdd.name allow-create filterable placeholder请选择 clearable refbrandref changecheckBrand(formAdd) el-optionv-foritem in optionstName:keyitem.id:labelitem.name:valueitem.name/el-option/el-select/template/el-form-item/el-col/el-row/el-form但是我js就只有一个
brandAdd:{},看清楚我并未给name进行初始化这样就导致了一个问题也就是值无法进行绑定这样就会导致我上边说的问题明明文本框允许输入但是就是无法输入值。
改成
brandAdd:{name:null,},之后再次进行测试发现可以了这个问题我刚刚开始居然没注意到实际上是v-model将值绑定后无法再次输入值进行绑定需要做的是清除绑定值然后将数据进行清空处理就可以完成了相关值进行绑定了也就是值的绑定处理。
