vue中指令内表达式的语法高亮？

Question

在使用vue中，由于其涉及大量的指令，我发现使用webstorm好像没有办法使得指令内的语法高亮，还是按照字符串处理的，eslint就更不起作用了。

由于可能会在指令内写一些逻辑或者三目运算等，不知道有没有什么办法可以让指令内的语法高亮？（比如类似下面这种，希望:transform中的内容高亮)

<g :transform="'translate('+ index*13 +', 0)'" v-for="(item, index) in eventsDecoded" />

Answer 1

你可以这样

<g v-for="(item, index) in eventsDecoded" :transform='returnConfig(index)'></g>

methods:{
returnConfig(index){
    return `translate(${index*13}, 0)`
    }
}

印象中是这样写，没有测试，有兴趣可以试一下。