<u-form-item label="双侧服务区" > <js-select v-model="model.isDoubleSide" dict-type="sys_yes_no" placeholder="请选择是否为双侧服务区"></js-select> </u-form-item> <u-line color="black"></u-line> <u-form-item label="服务区分测" > <js-select v-model="model.selectOfServiceSides" :items="selectOfServiceSide" itemLabel="name" itemValue="value"placeholder="请选择分测服务区"></js-select> <u-line color="black"></u-line> </u-form-item> 当this.model.isDoubleSide ==1时，显示服务区分测选项框，反之不显示

这是一个 Vue.js 的代码片段，根据你的描述，可以使用 v-if 指令来控制是否显示服务区分测选项框。具体来说，可以将服务区分测选项框所在的 u-form-item 标签包裹在一个 div 标签内，然后给这个 div 标签添加 v-if 指令，判断 this.model.isDoubleSide 的值是否为 1，如果是则显示，否则不显示。示例代码如下：

<div v-if="this.model.isDoubleSide == 1">
  <u-form-item label="服务区分测">
    <js-select v-model="model.selectOfServiceSides" :items="selectOfServiceSide" itemLabel="name" itemValue="value" placeholder="请选择分测服务区"></js-select>
    <u-line color="black"></u-line>
  </u-form-item>
</div>

这样做的效果就是当 this.model.isDoubleSide 的值为 1 时，服务区分测选项框会被渲染到页面上，否则不会被渲染。