vue 中计算属性可以接收参数

本文主要是介绍vue 中计算属性可以接收参数，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

代码中的value就是接收的参数
计算属性要接收参数要写在返回的时候  computed: {isButtonDisabled() {return (value) => {const num = parseInt(value);return isNaN(num) || num < 0}},},//计算属性aaa(){return (value) =>{写逻辑return 返回值}}

使用

<el-button size="mini" type="primary" icon="el-icon-edit" @click="handleUpdateYes2"  :disabled="isButtonDisabled(this.selectedIndex)"> </el-button>

<template><h2>计算属性是否带参</h2><div>不带参：result -> {{ result }}</div><br /><div>参数为5，但使用错误会报错：errResult(5) <br /><br />报错提示 errResult is not a function<!-- {{ errResult(5) }} --></div><br /><div>参数为5：sucResult(5) -> {{ sucResult(5) }}</div><br /><div>参数为9：sucResult(9) -> {{ sucResult(9) }}</div>
</template><script>
export default {data() {return {num: 10};},computed: {result() {return this.num * 2;},errResult(e) {// 报错，提示 errResult is not a functionreturn this.num * e;},sucResult() {// 在返回的函数这边传入形参return (e) => {return this.num * e;};}},
}
</script>

结果

这篇关于vue 中计算属性可以接收参数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---