首页新闻找找看学习计划

使用vue.js的v-if方法后,dataTables分页失效

0
悬赏园豆:15 [待解决问题]
 <tr v-for="item in items">
                  
                        <td>{{ item.UserID  }}</td>
                        <td>{{ item.UserName  }}</td>
                        <td>{{ item.LoginName  }}</td>
                       <td>{{ item.Password  }}</td>
                        <td>{{ item.Email  }}</td> 
                        <td>{{ item.Tell  }}</td>
                       <td v-if="item.Sex==1"></td>    
                       <td v-else></td>
                  @foreach (var item2 in UserRole)
                  {
                        <td v-if="@item2.RoleID==item.RoleID">@item2.RoleName</td>
                  }
                  
                      <td class="operation"> 
               
                            <a v-bind:href="'UserEdit?LoginName='+item.LoginName" >编辑</a>
                      <a href="javascript:;" onclick="doDelete(this)" v-bind:data-id="item.UserID" v-bind:data-name="item.UserName" v-bind:data-loginname="item.LoginName">删除</a>
                   
                    </td>
                    </tr>

如上代码,使用vue.js的v-if后网页显示:

jquery.dataTables.js:6122 Uncaught TypeError: Cannot read property 'mData' of undefined,求大神解惑

姚刘乐的主页 姚刘乐 | 初学一级 | 园豆:70
提问于:2017-06-22 16:06
< >
分享
所有回答(1)
0
<!DOCTYPE html>
<html>
<head>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <meta charset="utf-8"/>
    <title></title>
    
</head>
<body>
 
<table id="app2">
<tr v-for="item in items">
                  
    <td>{{ item.UserID  }}</td>
    <td>{{ item.UserName  }}</td>
    <td v-if="item.Sex==1"></td>    
    <td v-else></td>
    
                  
    
</tr>
</table>
</body>
<script>
    var itemss = [
        { UserID: 1, UserName: "aa", Sex: 1 },
        {
            UserID: 1, UserName: "bb", Sex: 2
        }
    ];
    var app = new Vue({
        el: '#app2',
        data: {
            items: itemss
        }
    });
</script>
</html>

没有发现问题!

pengbg | 园豆:13 (初学一级) | 2017-06-23 10:03
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册