vue2.0class和style绑定

 时间:2024-11-02 08:41:36

1、新建html文件,直接引入<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

vue2.0class和style绑定

2、写一组style样式备用;

vue2.0class和style绑定

3、用v-bind指令绑定class:v-bind:class="classes";

vue2.0class和style绑定

4、"classes"的属性值:classes:{red:true,size:true,}

vue2.0class和style绑定

5、classes:{red:true,size:true,}中true代表调用<style>内的class样式;

vue2.0class和style绑定

6、用v-bind指令绑定style(行内样式):v-bind:style="styleInfo"在styleInfo属性值中直接写样式(注意font-size必须写成fontSize);

vue2.0class和style绑定vue2.0class和style绑定

7、我们还可以用数组的方式来绑定class样式,这也是我们现实开发最常用的方法。

vue2.0class和style绑定vue2.0class和style绑定
  • qq进场style怎么设置
  • jquery怎么获取style里面的属性值
  • jquery如何去掉div的style
  • 爱国style操作方法
  • HTML 5如何使用style标签
  • 热门搜索
    patient是什么意思 什么发型好看 眼袋大是什么原因 s标志是什么车 mils是什么单位 心跳过缓是什么原因 假唱是什么意思 store什么意思 搭配衣服用什么软件 什么是安置房