layui 根据下拉框选择 显示图片

图示：
 <div class="layui-col-md6">
    <label class="layui-form-label">图标</label>
    <div class="layui-input-block">
        <select  id="photo"  lay-filter="photo" name="photo" v-model="iotAssertSensorType.photo">
           <option value="../../statics/img/喷淋.png" selected="selected">喷淋</option>
            <option value="../../statics/img/水泵.png">水泵</option>
            <option value="../../statics/img/水箱.png">水箱</option>
            <option value="../../statics/img/消防.png">消防</option>
            <option value="../../statics/img/集水井.png">集水井</option>
            <option value="../../statics/img/集水井.png">发电机</option>
        </select>
    </div>

    <img name="photoImg" :src="iotAssertSensorType.photo" >
</div>

// 绑定表单下拉框事件
form.on('select(photo)', function(data){
    document.photoImg.src=data.value;

});