javascript - 将 Vuejs 与 Codeigniter 3 集成

Question

我想合并 Codeigniter3 和 vuejs。我已经用菜单链接附加了路由器。在模板中，我找不到显示页面的确切路线。这是视图。

    //It's a view file that's I want to open
    <template>
    <div>
    <?php
    $role = get_user_role();
    if ($role == "admin") {
    ?>
    <div class="row">
     <div class="col-md-4"> 
        <div class="form-group">
            <label for="Teachers">Teachers</label>
             <select class="form-control select2 " id="teachers_availablility_select" style="border: 2px solid #000;">
    <option class="ml0">Select Teacher</option>
        <?php
        foreach ($teachers as $key => $value) 
            {
            echo "<option value='".$value->id."'>".$value->full_name."</option>";
            }
        ?>
        </select>
        </div>
        </div>
    </div>
        <?php
        } 
        ?>
        <div id="teachers_availablility_calendar"></div>
        <div>
            <button class="btn btn-primary inc-width btn-lg" id="save_availability">
            <?php echo $this->lang->line('save'); ?>
            </button>
        </div>
    </div>
    </template>
    <script>
        export default {
        name: 'view_availibility',
         data () {
              return {    
              }
            },  
          }
    </script>

这是路由器代码

    
    const view_availibility = '/可用性';
    从'./views/availability/view_availibility'导入view_availibility；
    const Foo = { 模板：'views/availability/view_availibilities.php' }
    const Bar = { 模板：'bar' }
    常量路线 = [
      { 路径：'/foo'，组件：Foo }，
      { 路径：'/bar'，组件：Bar }
    ]
    常量路由器 = 新的 VueRouter({
      路线
    })
    var v = 新的 Vue({
       埃尔：'#app'，
       Vuetify：新的 Vuetify()，
      路由器，
        数据：{
          管理员：[
           {标题：'仪表板'，链接：'Foo'}，
            {标题：'可用性'，链接：'栏'}，
            ],

标签： javascriptphpcodeignitervue.js