刚学VUE,如何将公共方法提取出来

有两个button,通过两个button分别对textarea1和textarea2进行清空,这个清空方法我想抽取出来,向这个方法里传入对应的textarea就删除该文本域的内容,这个函数的参数格式该怎么写

阅读 2k
1 个回答

vue双向数据绑定,清空就是数据清空,不需要单独封装函数

<textarea v-model="textarea1">
<button @click="textarea1 = ''">clear1<button>
<textarea v-model="textarea2">
<button @click="textarea2 = ''">clear2<button>

非要封装的话,可以把变量名传进去

<textarea v-model="textarea1">
<button @click="clear('textarea1')">clear1<button>
<textarea v-model="textarea2">
<button @click="clear('textarea2')">clear2<button>

clear(arg){
    this[arg] = '
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题