使用Vue双向绑定数据出错

Vue组件加载进去，但是在实现双向绑定下拉框的时候报错了，没有办法将数据绑定进下拉框，但是不知道问题是什么，请大家帮帮忙。

1

接口500了，你确定接口能调通吗。你在调接口那里catch一下就知道了。

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7446828
• 这篇博客也不错, 你可以看下使用vue开发项目的时候，异步请求数据，连续触发多次请求导致的渲染的数据列表数据错误的问题解决办法。
• 您还可以看一下 刘建萍老师的Web前端开发经典案例之vue框架开发电商项目百草味案例（一）课程中的 在商品列表部分点击商品添加购物车按钮触发的事件小节, 巩固相关知识点
  
• 除此之外, 这篇博客: vue 自定义 文字背景中的 这里也是利用的拼接；但是是利用 图片的拼接；我们 把两头的不规则部分 切图出来，中间这部分是有上限渐变 我们可以是程序 画出来并且可以 随着内容 撑大！ 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  

   那么代码就很简单了；

  <view class="right-title">
    <view class="background-left">
    </view>
    <view class="background-mid">
      医疗救援 医疗救援 医疗救援
    </view>
    <view class="background-right">
    </view>
  </view>
  
  
  
  .right-title {
    position: absolute;
    right: 0;
    top: 0;
    height: 62rpx;
    display: flex;
    flex-direction: row;
    .background-left {
      width: 40rpx;
      height: 50rpx;
      // background-color: #007AFF;
      background-size: 100% 58rpx;
      background-repeat: no-repeat;
      background-image: url(../../../../static/app/title-left.png);
    }
  
    .background-mid {
      height: 50rpx;
      padding: 0 10rpx;
      line-height: 50rpx;
      color: #FFFFFF;
      // background-color: #3F536E;
      background-image: linear-gradient(180deg, #22dab2 0%, #0fb37b);
    }
  
    .background-right {
      height: 58rpx;
      width: 24rpx;
      // background-color: #007AFF;
      background-size: 100% 60rpx;
      background-repeat: no-repeat;
      background-image: url(../../../../static/app/title-right.png);
    }
  }
  

  下面是实现的效果：

  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^