前言公司最近有一个需要实现发送短信模板的功能。在网上找了一篇模型文章,发现并不适合我们的项目。我引用了40%的内容和20%的代码,改成了自己的wrapper函数。本demo是实现自定义短信模板。比如本月需要为每个客户发送消费信息,需要添加“姓名”、“手机号”等需要随客户不同而变化的关键字。这个demo方便派上用场。如上所述,这个项目只是一个演示。可以自己修改css样式甚至js代码。如果大家有更好的想法,可以在gitissues上提出,或者结合项目写出更好的实现方法。您可以创建一个新分支并提交代码。项目git地址:https://github.com/charCR2/utils/tree/master/smsTemplate项目demo截图:功能介绍1.初始化//参数为dom元素的id和class。(本质上是一个querySelector)textarea=newAntiTemplate('#smsTemplated')2.获取参数获取所有数据,包括模板和自定义参数textarea.getAllData()3.添加参数textarea.addKeyword({//必填有关键字属性keyword:vm.options[vm.selectValue].label,//其他参数任意命名,数据任意填写:vm.options[vm.selectValue]});4.当我们第二次渲染后台保存的数据时当你打开页面需要显示之前填充的模板时,需要在初始化后调用textarea.resetTemplate('你真棒{{金饼}}',[{value:'Option1',label:'GoldenCake'}])5.清除数据this.textarea.clear()6.启用和禁用this.textarea.disabled()//启用this.textarea。able()//Disable已知问题及解决方案1.不能wrap不wrapping操作,现在只能指定一行填写,需要渲染多个输入框参考文章:https://www.jianshu.com/p/dbc4ac17ba4c
