双向数据绑定

blank_~

已于 2022-08-21 21:51:07 修改

阅读量287

点赞数

文章标签：前端框架 javascript vue 前端 vue.js

于 2022-08-21 21:45:29 首次发布

本文链接：https://blog.csdn.net/weixin_51052286/article/details/126455873

版权

在这里插入图片描述
最终样式: 表单数据条件运算符字符串例如:[多行文本]>=89 或者 [多行文本]+[日期]===字符串
最终实现效果：点击表单数据，条件运算符，在条件表达式中事实显示出来，条件表达式中也可以手动输入。

    // 条件表达式的值
    gatewayBtnData(val, isRealy) {
      let txt = val
      if (isRealy) {
        txt = '[' + val + ']'
      }
      this.form.formContData += txt
      this.updateAttr('isConditionExpression', this.form.formContData)
      this.init()
    },

注意：之前条件表达式中使用的是elementui中的input。但双向绑定一直有bug，解决不了。最后此处用了原生的文本域。如有elementui中的input能实现这种的双向绑定，可以互相交流的哦~

使用的是elementui中的input。双向绑定会出现上边点击input更新，但不能在input中输入（出现的bug）