折腾：
【未解决】Mac中用vue-admin-template实现智能电力前端页面功能模块
期间，要去搞清楚vuejs中如何clear清空此处的input的值
element-ui input change value
element-ui input clear value
vuejs clear element-ui input
好像直接是
this.text= “”
onClear() {
this.form.iec104DataStr = ''
this.form.respJson = ''就可以了：
【总结】
此处，直接对于vuejs中input的值，对应着data中的值，此处是form中的值
想要清除，直接this.form.xxx = “”即可
完整代码：
<el-form-item label="IEC 104数据">
<el-input v-model="form.iec104DataStr" autosize type="textarea" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">新增数据并解析</el-button>
<el-button @click="onClear">清空</el-button>
</el-form-item>
<el-form-item label="返回结果">
<el-input v-model="form.respJson" autosize type="textarea" />
</el-form-item>
<script>
export default {
data() {
return {
form: {
iec104DataStr: '',
respJson: ''
}
}
},
methods: {
onClear() {
this.form.iec104DataStr = ''
this.form.respJson = ''
...
}
}供参考。
转载请注明：在路上 » 【已解决】vuejs中清除element-ui中input的值