因为年少无知,vue项目中用了layui下form表单,在数据双向绑定这块儿,很是尴尬,layui没有虚拟dom,数据双向绑定的时候出现了问题,数据可以渲染到视图上,可是视图变化的时候,拿不到数据,就是这样,看代码
<div class="layui-form-item h38px">
<label class="layui-form-label pt12 pb12 pl15 pr0">所在校区:</label>
<div class="layui-input-block">
<select name="city" lay-verify="required" v-model="schoolId" ref="sId">
<option value>请选择校区</option>
<option :value="item.id" v-for="(item,idx) in schoolList" :key="idx">{
{
item.name}}</option>
</select>
</div>
</div>
上边代码中,schoolList是动态请求回来的数据,循环渲染,如下图,视图and数据
请求的数据能渲染到页面上,页面中的操作,数据得不到,怎么解决,
解决方法,就是那ref去操作dom,获取选中的值通过this.$refs.sId.value,这样拿到下拉框选中的项