vue中watch的用法

指标满载

于 2020-05-25 09:45:39 发布

阅读量336

点赞数

文章标签： watch

本文链接：https://blog.youkuaiyun.com/weixin_44770377/article/details/106326564

版权

需求：输入框有内容时，按钮启用，没内容时按钮禁用

<el-input v-model="content"></el-input>
<el-button :disabled="addOrSaveCommentShow" type="primary" @click="addOrSaveComment">发 表</el-button>

data() {
      return {
        addOrSaveCommentShow:true,
      }
 }，
watch: {
      content(newName, oldName) {
        if(newName){
          this.addOrSaveCommentShow = false;
        }else{
          this.addOrSaveCommentShow = true;
        }
      }
    },