vue.js - v-for 中的 VueJS v-model 不响应
问题描述
考虑以下:
<ul class="park-list row row-pd">
<li class="col-12" v-for="(item, index) in list.items" v-bind:key="index">
<div class="park-note px-3 py-2">
<p class="font-italic" >
{{ item.notes }} <a v-bind:href="'#collapseNoteTest'+item.id"
data-toggle="collapse" role="button" aria-expanded="false"
v-bind:aria-controls="'#collapseNoteTest'+item.id">
<i class="svg-12 ic-cyan-path" v-html="icons['ic-edit']"></i></a>
</p>
<div class="collapse" v-bind:id="'collapseNoteTest'+item.id">
<div class="form-group">
<label for="exampleFormControlTextarea1">Note:</label>
<textarea class="form-control" v-model="item.notes" rows="3"></textarea>
</div>
<div class="form-row">
<div class="col-auto ml-auto">
<button type="button" class="btn btn-outline-primary" v-bind:href="'#collapseNoteTest'+item.id" data-toggle="collapse">Cancel</button>
</div>
<div class="col-auto">
<button class="btn btn-success mb-2" v-bind:href="'#collapseNoteTest'+item.id" data-toggle="collapse">Save</button>
</div>
</div>
</div>
</div>
</li>
</ul>
无论我在这里做什么,当我在文本区域中输入文本时,item.notes 都不会更新。我究竟做错了什么?
解决方案
推荐阅读
- cassandra - 如何存储用于编译排行榜的数据?
- google-app-maker - 我可以在 App Maker 中集成 SMS 网关吗
- ruby-on-rails - 无法从设计会话控制器访问用户模型:[优点] 在 Rule#applies 上找不到 target_obj?
- swift - tvOS:带字幕的 YouTube 播放器
- angular - 切换页面时离子标签导航无法正常工作
- java - 无法评估 FirebaseFirestore DocumentReference 的 OnCompleteListener 之外的全局字符串变量
- sql - 在一个结果集中返回两个关系
- reactjs - 获取请求总是返回网络错误
- timer - 当前时间达到特定时间时触发功能的最佳方式
- javascript - 从纯javascript中的函数打开模态