Vue ly-tab组件使用

Vue ly-tab组件的使用

目录

Vue ly-tab组件的使用

安装

引入

使用

安装

这里使用指定版本安装，如果安装其他版本使用方法可能不一致

npm install ly-tab@2.1.2 -S

或者

cnpm install ly-tab@2.1.2 -S

引入

在main.js全局引入

// 引入ly-tab组件
import LyTab from "ly-tab";
Vue.use(LyTab);

使用

<ly-tab
   v-model="selectedId"
   :items="items"
   :options="options"
   @change="changeType"
/>

export default {
  name: "Home",
  data() {
    return {
      selectedId: "0",
      items:[
            {id:0,label:'推荐'},
            {id:1,label:'大红袍'},
            {id:2,label:'铁观音'},
            {id:3,label:'绿茶'},
            {id:4,label:'普洱'},
            {id:5,label:'茶具'},
            {id:6,label:'花茶'},
		  ],
      oBetterScroll: "",
      tBetterScroll: "",
      options: {
        activeColor: "#b0352f",
        fixBottom: false,
        reBoundExponent: 100,
        reBoundingDuration: 360,
      },
    };
  },
};

最后

小修狗希望能帮到您