在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 通過方法把子組件插入到父組件dom元素下面

vue 通過方法把子組件插入到父組件dom元素下面

vue 通過方法把子組件插入到父組件dom元素下面
父組件:
table
tr
td
</tr>
<tr class="aaa">
通過td里的一個方法 把子組件的 aaa插入到父組件tr下面

回答
編輯回答
耍太極

既然用了vue 就不建議你操作dom. 所以還是這樣寫吧

<table>
    <tr>
       <td>
            <tr class="aaa" v-if="show"></tr>
       </td> 
    </tr>
</table>

然后再通過td上的方法去修改 show這個boolean值

2018年2月25日 02:22
編輯回答
奧特蛋

能貼一下數(shù)據(jù)結(jié)構(gòu)以及代碼嗎？需求是點擊一個tr展示第二個tr？？？

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>test</title>  
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>  
</head>  
<body>  
    <div id="app">
      <table>
        <tr v-for="(item,index) in list" v-if="index<=count">
          <td>{{item.test}}</td>
          <td @click="show(index)">click</td>
        </tr>
      </table>
    </div>
</div>
<script>
    new Vue({
        el: "#app",
        data() {
            return {
              count:0,
              list:[
                {
                  test:123
                },
                {
                  test:234
                },
                {
                  test:345
                }
              ]
            }
        },
        methods:{
          show(index){
            if(index>=this.count){
              this.count++
            } 
          }
        }
    })
</script>
</body>  
</html>
2017年3月29日 17:25
編輯回答
九年囚

請貼代碼，比如：

<table>
    <tr class="tr1">
              <td> 點擊這里顯示aaa </td> 
    </tr> 
    <tr class="aaa" v-if="show">
            <td>  </td> 
    </tr>
    
</table>
2017年2月23日 02:09