vant折叠面板collapse控件不生效

今天使用vant折叠面板collapse控件,测试的时候发现折叠面板一直打不开,网上搜了资料也没解决,检查代码也没发现什么问题,代码如下:


  内容
  内容
  内容


export default {
  data() {
    return {
      activeNames: ['1'],
    };
  },
};

找了半天发现v-model绑定的时候多写了一个冒号,改成v-model="activeNames"后问题顺利解决,刚开始学习vue的时候偶尔会遇到多写冒号的情况,一定要细心,修改后代码:


  内容
  内容
  内容



export default {
  data() {
    return {
      activeNames: ['1'],
    };
  },
};

你可能感兴趣的:(vue,vue.js,elementui,前端)