因为年少无知，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，这样拿到下拉框选中的项

最后最后，vue项目，别用layui，个人推荐的是，layui的数据表格和分页，在vue中可以使用，其他 的，问题太多，还是使用vue专门的一些框架，element，ant …