class怎么加特定的style - 利用查找替换将:class="left" 变成 class="style['left']"

1,588 阅读1分钟

写样式限制本文件使用的话,有种方案是:class="left" 变成 class="style['left']",一种笨拙的本法就是,使用查找替换,将当前文件的class正确处理了。

然后找了下vscode的正则查找替换:

regx_vscode

替换之后需要修改的,就可以替换了:

regx_vscode2

查找的语句是:[^:]class="(.+?)"

  • [^:]不以冒号开头
  • (.+?)问号表示非贪婪匹配,也就是只匹配到class属性结束为止,class内部的值全部用组获取,这样下面方便替换

替换的语句是: :class="style['$1']",注意前面的空格

  • $1就是匹配的第一个组,这里就是具体的类名

引用