1. 程式人生 > >vue在父元件中給子元件內的結構設定樣式

vue在父元件中給子元件內的結構設定樣式

父元件寫css時,樣式選擇器中加上 /deep/或者 >>> 這兩個標記就可以新增到到子元件結構的樣式中了。
舉例:

父元件

<div>
	<searchForm class="searchFormStyle"></searchForm>
<div>
<style>
	.searchFormStyle /deep/ .insideStyle{
		background-color: yellow;
	}
</style>

子元件searchForm內

<
tmeplate
>
<div class="container"> <input type="text" class="insideStyle"> <button>搜尋</button> </div> </template>

另外,要注意的是,據說,在vue-loader 11.2.0之後才支援。