键值对的Vue插值

问题描述

假设我在 Vue.js 中有一个名为 let statement1 = "(5 < 10 < 15)" statement1 = createState(statement1); // output: true let statement2 = "(50 < 100 < 150)" statement2 = createState(statement2); // output: true let statement3 = "(5 > 10 > 15)" statement3 = createState(statement3); // output: false let statement4 = "(50 > 100 < 150)" statement4 = createState(statement4); // output: false function createState(arg) { // using substr() parenthesis got removed // split() is used to split string by space let parts = arg.substr(1,arg.length -2).split(" "); let output = ""; if ( parts[1] == "<" && parts[3] == "<" ) { output = parts[0] < parts[2] < parts[4]; } else if ( parts[1] == "<" && parts[3] == ">" ) { output = parts[0] < parts[2] > parts[4]; } else if ( parts[1] == ">" && parts[3] == ">" ) { output = parts[0] > parts[2] > parts[4]; } else if ( parts[1] == ">" && parts[3] == "<" ) { output = parts[0] > parts[2] < parts[4]; } return output; } 的数据属性，其定义如下：

iconsColor

我希望能够在我像这样设置颜色的地方使用这个属性：

data() {
    return {
      iconsColor: "#b5ffff",};
  },

我尝试了几种不同的方法

:style="{ color: '#b5ffff' }"

并研究了一些插值技术，例如 this 和 this，但我无法找到解决方案。这种利用是如何发生的？

解决方法

基于 this section，样式可以绑定到数据属性，如下所示：

$commands = "[CMD1,[CMD2],[CMD3,[CMD4],[CMD5]]]";
if (preg_match_all('/[^][,]+/',$commands,$matches)) {
    $array = $matches[0];
    rsort($array);
    print_r($array);
}
// => Array( [0] => CMD5 [1] => CMD4  [2] => CMD3 [3] => CMD2 [4] => CMD1 )