在vue 2.x中,使用scss時(shí),深度選擇器是::v-deep
,
/* vue2.x */
::v-deep .ant-form-item {
width: 100%;
}
/* 這樣即可生效 * /
在vue3.0中,由于::v-deep
已被棄用,采用一種新的語(yǔ)法。如果在vue3.0中使用::v-deep
,沒(méi)有任何效果,也不會(huì)報(bào)錯(cuò),就是在編譯的時(shí)候會(huì)有一個(gè)警告。提示::v-deep
已被棄用,請(qǐng)使用:deep(Selector)
代替。
/* vue.3.0 */
:deep(.ant-form-item) {
width: 100%;
}
這樣寫(xiě)的話警告就沒(méi)有了。同時(shí)樣式生效。
會(huì)持續(xù)更新vue3.0項(xiàng)目中遇到的問(wèn)題。