vue监听input标签中内容的变化,调用接口
通过输入名称,就可以拿到相应的东西<el-form-item label="名称" prop="name"><el-input v-model="dataForm.name" placeholder="产废企业名称"@input="search($event)"></el-input></el-form-item>这里的重点是:在vue中,监听inp
·
通过输入名称,就可以拿到相应的东西
<el-form-item label="名称" prop="name">
<el-input v-model="dataForm.name" placeholder="产废企业名称" @input="search($event)"></el-input>
</el-form-item>
这里的重点是:
在vue中,监听input输入事件,使用的是v-on指令。
v-on: input = “search” 或者简写为 @input = “search”
@input=“search($event)”,表示当文本框有内容输入时,则调用search方法
search(event) {
this.$http({
url: this.$http.adornUrl('路径'),
method: 'get',
params: this.$http.adornParams({
'name': event
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataForm.licenseKey = data.info.license_number
} else {
this.dataForm.licenseKey = ''
}
})
},
更多推荐
已为社区贡献6条内容
所有评论(0)