javascript - 是否可以在 RactiveJS 中使用计算函数？

Question

有什么方法可以使用参数运行计算属性吗？几乎是一个计算函数。

JS代码

computed: {
            IsShapeToolSelected: function (toolId) {
               return toolId == this.get("QueryTool.QueryByShapeTool") ? "selected-tool" : "";
            }
          }

HTML

<button on-click='draw: {{0}}' type="button" class="btn btn-default {{IsShapeToolSelected(0)}}">
   <span style="font-size:18px;">&#9679;</span>
   <br />
   <span>point</span>
</button>
<button on-click='draw: {{1}}' type="button" class="btn btn-default {{IsShapeToolSelected(1)}}">
   <img src="Content/imgs/idv.MapTools_Reports/line-24x24.png" />
   <br />
   <span>line</span>
</button>

Answer 1

Is there any way to run a computed property with an argument?

没有，但是还有其他解决方案可以解决您的问题:

computed: {
    IsShapeToolSelected: function () {
        return (function (toolId) {
            return toolId == this.get("QueryTool.QueryByShapeTool") ? "selected-tool" : "";
        }).bind(this);
    }
}

或

data: {
    IsShapeToolSelected: function (toolId) {
        return toolId == this.get("QueryTool.QueryByShapeTool") ? "selected-tool" : "";
    }
}

或

computed: {
    // use IsShapeToolSelected.1 instead of IsShapeToolSelected(1)
    IsShapeToolSelected: function () {
        var obj = {};
        obj[this.get("QueryTool.QueryByShapeTool")] = "selected-tool";
        return obj;
    }
}