layui与vue同时使用，绑定数据，无法正确显示的问题

功能描述：根据“上午”、“下午”的不同选择，展示不同的菜品信息
菜品复选框使用layui的样式，复选框的文字使用vue绑定

<div class="main-head">
        <p><span>在线预定</span></p>
    </div>
    <div class="main-reserve">
        <form action="#" method="post" id="food-reserve" class="layui-form">
            <ul>
                <li>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select name="modules" lay-verify="required" onchange="selectFood()" lay-search="">
                            <option value="0" selected>请选择时间范围</option>
                            <option value="1">上午</option>
                            <option value="2">下午</opt