如何从另一个方法获取变量的值？ (vue.js 2)

Question

我的代码是这样的：

<script>
    export default{
        props:... ,
        data(){
            return{
                ...
            }
        },
        computed:{
            ...
        },
        methods:{
            filterBySort: function (sort){
                ...
            },
            filterByLocation: function (location){
                ...
            }
        }
    }
</script>

例如，参数 sort = lowest（在 filterBySort 方法上）

我想在 filterByLocation 上显示参数排序的值

我该怎么做？

Answer 1

其中一种方法是在数据属性中进行设置。

<script>
export default{
    props:... ,
    data() {
        return{
          sort: null,
          location: null
        }
    },
    computed:{
        ...
    },
    methods:{
        filterBySort: function (){
            console.log(this.sort)
        },
        filterByLocation: function (){
            console.log(this.location)
        }
    }
}

Answer 2

如果您在数据中定义变量 sort，然后在 filterBySort 方法中更改它，如下所示：this.sort = lowest，相同的值将在方法 filterByLocation 中可用] 还有。

如何从另一个方法获取变量的值？ (vue.js 2)

How to get value of variable from method another ? (vue.js 2)

javascript

vue.js

vue-component

vuejs2