鍍金池/ 問答/HTML/ vue里面slot樣式不生效

vue里面slot樣式不生效

問題描述

1.在插槽里面的內(nèi)容樣式不生效

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

**第一次更新：
插槽樣式的代碼在子組件里不生效，但是寫在父組件的樣式里就能生效**

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
子組件代碼
<template>

<transition name="slider">
    <div class="about" ref="subtips">
        <m-header :canreturn=true :titleText="titleText" :type=8 :backType=2 @back='hide'></m-header>
        <div class="infobox">
            <slot>
            </slot>
        </div>
    </div>
</transition>

</template>

<style scoped lang="stylus" rel="stylesheet/stylus">

.about {

position: fixed;
width: 100%;
top: 0;
bottom: 0;
background: #ffffff;
z-index: 5;

.infobox {
    padding: 0 15px;

    .title {
        color: red;
    }
}

}
</style>

父組件代碼
<tips>

      <div class="title">答題規(guī)則</div>

</tips>

你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？

在插槽里插入了一個標題class="title";
在子組件里也定義了title的css樣式、 但是樣式不生效

回答
編輯回答
澐染

F12打開定位到元素上看看樣式是否作用到元素上了，另外是不是被其他樣式覆蓋了

2017年1月22日 18:13
編輯回答
痞性

slot里的東西是屬于父組件的，當然要在父組件里寫樣式
要么你在infobox寫一些能繼承的樣式
要么你組件分割的就不對，你怎么知道別人用tip一定會傳進來一個class為title的元素？
如果你要求必須傳一個class="title"的元素，那你為什么不把class="title"寫在子組件里

<div class="title"><slot/></div>

<tips>答題規(guī)則</tips>
2018年8月6日 23:32
編輯回答
焚音

sorry,頭一次遇到stylus預處理器。
先看下有沒有安裝相應的loader吧

2017年5月2日 00:02
編輯回答
笨笨噠

?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o??????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o???????????????????????????????????????????????????????????????????????? ??????????? ?????????????????????????????????????????? o????????????????????????????????????????????????????????????????????????

2018年4月1日 01:16