Subscribe on changes!

SFC Playground <style> v-bind does not work in safari ipad when initializing sandbox

avatar
Jul 7th 2022

Vue version

3.2.37

Link to minimal reproduction

https://sfc.vuejs.org/#eNpNkN1ugzAMhV/Fyg2tNMg9g27TXiM3JZguHflRHDpNiHefE5jUq+Q4Pp+ds4qPEJrHgqIVHeloQgLCtISLcsYGHxOsEHGCDaboLVTcWimnnPaOEmg/+wh97jhVEcfqrFwndw4TWCS0Yb4mZAXQDUtK3sG7no3+7pX49x9n30OhwBtUt4joKmj3ihIFAPBZOg21sK6HbdsKW+5w7uvk01SWlH5nBNI+4MiVY4k1uwqhhUc9GDeeijq/KsdE/ka2XcSL2IOo7TU0d/KOoypedTyQErzNvp4SHFDWSnylFKiVkiadA75T4+NN8q2Ji0vGYoNk6yH6H8LIYCUygidvYvsDBquLlg==

Steps to reproduce

Go into the sandbox and try pushing the button

What is expected?

The color of the text changes

What is actually happening?

The color of the text is not related to v-bind

System Info

Ipad pro IpadOs 15.5 with safari

Any additional comments?

i'm using Ipad pro ipadOS 15.5 with safari. When I go from the vue 3.2 documentation to the link sfc vue v-bind style does not work But if you try to change the code, the code starts working. This is most likely an SFC error

https://youtu.be/IXge2SxjxF0

avatar
Jul 10th 2022

请教下,在style标签中能使用v-if么?

avatar
xfq
Jul 10th 2022

请教下,在style标签中能使用v-if么?

You can use v-bind() with the the conditional operator in CSS. See this example.