bootstrap+vue.js制作动态表格数据编辑代码

来源:https://www.sucaihuo.com/js/4554.html 2019-07-19 11:56浏览(616) 收藏

bootstrap+vue.js制作动态表格数据编辑代码,可添加删除表格行和修改表格的内容数据。
bootstrap+vue.js制作动态表格数据编辑代码
分类:其它特效 > bootstrap 难易:中级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/vue.js"></script>
    <script>
          window.onload = function(){
              new Vue({
                  el:'#box',
                  data:{
                     myData:[],
                     nowIndex:-100
                  },
                  methods:{
                     add:function(){
                          this.myData.push({
                          })
                     },
                      del:function(n){
                          if(n ==-2){
                              this.myData="";
                          }else{
                              this.myData.splice(n,1);
                          }
                      }
                  }
              })
          }
    </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2