Vue + framework7笔记

最新推荐文章于 2024-09-21 16:11:52 发布

polmJ

最新推荐文章于 2024-09-21 16:11:52 发布

阅读量1k

点赞数

分类专栏：前端 # vue # framework7

本文链接：https://blog.youkuaiyun.com/belove_lucy/article/details/88288545

版权

本文记录了在Vue与Framework7结合开发过程中遇到的问题，包括Smart Select的数据初始化与显示问题、Dialog中回调函数的设定以及路由参数的处理。此外，还解决了调用百度地图API下拉框显示层级问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先附上Vue + framework7的开发文档：http://framework7.io/vue/

Smart Select
问题描述：select数据是通过绑定放上去的，出现了两个问题：
一数据初始化后，默认答案没有显示
二数据选择后只显示option的text值，无法拿到value

解决方法：
在select上用v-model="good_id"进行数据的绑定

<f7-card class="demo-card-header-pic">
      <f7-card-content>
        <f7-list>
          <f7-list-item title="选择出行套餐" smart-select :smart-select-params="{openIn: 'sheet', closeOnSelect: true}">
            <select name="choose-package" v-model="good_id" v-on:change="saveChange">
              <template v-for="(item, index) in product.travels">
                <option :value="item.id">{
  {item.title}}</option>
              </template>

最低0.47元/天解锁文章