如何从VUE-CLI WebPack-Simple项目中提取CSS？-英雄云拓展知识分享
293
2024-01-22
在VUE2中使用过滤器时，如何重置儿童组合的值-英雄云拓展知识分享
我有这个小提琴，如果您使用输入旋转器，然后在顶部使用过滤器，则输入旋转器的值保持相同
JSFIDDLE
我的问题就是这样
代码
<script type="text/x-template" id="grid-template"><div class="container" style="margin-top:10px;">
<ul class="list-group">
<li v-for="entry in filteredData" class="list-group-item" >{{entry.name}} <div><numberinputspinner
:min="0"
:max="2"
:step="0.0001"
:card="entry"
@newNumber="updateTable"
/></div></li>
</ul>
</div>
</script> ....
当您过滤数据时，VUE会破坏/重新创建未使用的组件（举例来看，如果要寻觅Bruce Lee，将烧毁Chuck Norris），由于组件被破坏了，您将丢失数据，而不会持久。
您需要与父母保持数据同步，因此，这种情况下，再次重新创建后，它将重新分配其先前的值。
这是更新的JSFIDDLE： https://jsfiddle.net/myeu0sl3/9/
我刚刚做的是将数据传递给父母 newNumber 事件，并将其分配给汇聚：这样：
updateTable:function(card, data){card.value = data;
}
然后，在该组件中只需在传递时分配它：
data: function () {const vm = this;
return {
numericValue: vm.card.value,
};
},
并发出 card 在里面 newNumber 事件：
this.$emit('newNumber', this.card, parseFloat(val).toFixed(4), parseFloat(oldVal).toFixed(4) );哦，终究您的道具声明有一个毛病，您有两次，所以我合并了这些卡：
card: {type: Object,
required: true
},
而已 ：）
暂时没有评论，来抢沙发吧~