vue用better-scrollまたはcube-uiのscrollコンポーネントを弾枠に使用する際の注意事項

7460 ワード

サブノードがフレームを弾くと、サブノードの高さがアクティブになるので、サブノードにスタイルをバインドし、display:tableで高さをアクティブにします.具体的なコードは次のとおりです.



    export default {
        name: "Demo",
     
        data(){
            return{
                ac:false
            }
        },
       methods: {
         showPopup(refId) {
              const component = this.$refs[refId]
              component.show()
              setTimeout(() => {
                component.hide()
              }, 1000)
            }
          }

        mounted(){
          setTimeout(()=> {
               // this.$refs['myPopup'].show();//    
                 this.ac=true
                console.log(1);
            }, 10)
        }

    }
<style>
.scroll-list-wrap {height: 350px}
.aa{width:100%; height:400px; background:red}
.abcd{display:table}
</style></code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1293832969143787520"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                
興味があるかもしれません
  • JAvaスレッドの無限ループと終了
    3213213333332132
    java
  • tomcat容器
    BlueSkator
    tomcat Web servlet
  • php再帰,静的変数,匿名関数の使用
    dcj3sjt126com
    PHP さいきかんすう 匿名関数 せいてきへんすう 引用伝参
  • 属性色フォントの変更
    周華華
    JavaScript
  • propertiesコンテンツをmapに配置する
    g21121
    properties
  • [単純]結合文字列
    53873039oycg
    文字列
  • Struts 2ラーニング
    雲端月影
  • Java初心者入門の30の基本概念2
    aijuans
    java 初心者 JAva入門
  • アルファベットで分類:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
    トップページ -
    私たちについて -
    構内検索 -
    Sitemap -
    権利侵害苦情
    著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
    京ICP備09083238号