"您的驗(yàn)證碼為{tel}"

//解析的關(guān)鍵方法
 smsTemplateData() {
      let str = this.templateStr
      let reg = /\$\{(.+?)\}/
      let reg_g = /\$\{(.+?)\}/g
      let result = str.match(reg_g)
      let list = []
    //解析${}中的變量組成數(shù)組（我們項(xiàng)目中${name}不用叫填寫所以加了判斷）
      for (let i = 0; i < result.length; i++) {
        let item = result[i]
        if (item === '${name}') str = str.replace('${name}', '***')
        else list.push(item.match(reg)[1])
      }
      this.templateVariableList = list
      if (list.length > 0) {
        list.forEach(item => {
          str = str.replace('${' + item + '}', `<input class="self-input" id="${item}" />`)
        })
      }
      this.templateStr = str
    },

//提交表單的時(shí)候 獲取·動(dòng)態(tài)生成的Input的值

 let obj = {}
          let isFull = false
          // 短信模版變量封裝 js生成的輸入框不能通過v-model綁定值，我是通過原生辦法獲取值的
          if (this.templateVariableList.length > 0) {
            this.templateVariableList.forEach(item => {
              let realValue = document.getElementById(item).value
              if (!realValue) isFull = true
            })
            if (isFull) return Toast('請(qǐng)完善通知內(nèi)容!')
            this.templateVariableList.forEach(item => {
              let realValue = document.getElementById(item).value
              obj[item] = realValue
            })
          }
          this.model.templateData = obj

image.png