如何解决键值对的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 )
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。