Rumah >hujung hadapan web >View.js >Bagaimana untuk menetapkan gaya dalam vue
Kaedah: 1. Gunakan atribut gaya teg untuk menambah gaya sebaris; 2. Gunakan arahan "v-bind" untuk menetapkan gaya gaya melalui pengikatan; dengan sintaks ":style ="obj"" atau ":style="[obj,obj1...]"".
Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.
Gaya set Vue
1 Tambah gaya sebaris terus
2 Tetapkan gaya melalui pengikatan
3 sebagai gaya (atribut vue boleh berbilang)
<div id="box"> <!--直接添加样式--> <p style="background-color: blue;">sssss</p> <!--绑定样式--> <p v-bind:style="'background-color: red;'">sssss</p> <!--将vue中的属性作为样式设置--> <p :style="obj">sssss</p> <!--将多个属性作为样式设置--> <p :style="[obj,obj1]">sssss</p> </div> <script type="text/javascript"> var vm=new Vue({ el:"#box", data:{ obj:{ backgroundColor:"gold" }, obj1:{ fontSize: "30px" } }, }); </script>
Cadangan berkaitan: "tutorial vue.js"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan gaya dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!