下面展示一些 内联代码片
。
Bug: 模态框关闭后 再次打开选择的数据仍然存在
不在closeAdd()里清空 ,在上一级里的add()里清空,可以简化代码,少写方法。因为不止取消按钮要发生清空事件
// html
<Button
type="success"
class="twoWord"
icon="md-add-circle"
@click="add()"
>{{ $t("1002") }}</Button
>
//
<Modal>
<Select v-modedl="itemNumber">
<Option v-for=(item,index) in numList value = "item.id" :key = "key" >{{$t((item.name))}}</Option>
</Select>
</Modal>
// js
add(){
this.itemNumber = '';//v-momdel 双向绑定的value值清空
this.numList = [];//option的list置空,重新调接口拿数据
this.changeMater1();//重新调接口
}
// 不在closeAdd()里清空
closeAdd(){
}
//接口
changeMater1(){
this.axios.request({
url: '/tlm/ToolCompose/GetWheelList',
method: "get",
}).then(res => {
if (res.data.ret == 1 && Array.isArray(res.data.data)) {
this.numList = res.data.data
} else {
this.$Message.error(this.$t(res.data.msg))
}
})
},