vue.js - 在vue js中通过params函数更改数据返回

Question

我在这里有这段代码：

<template>
    <div>
        <button @click="changeData(text)">click me !</button>
        <p>{{ text }}</p>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                text: 'lorem'
            }
        },
        methods: {
            changeData(param){
                this.param = 'lorem 1'
            }
        }
    }
</script>

我想单击按钮，然后通过函数 changeData 中的参数更改“文本”变量

标签： vue.js

Answer 1

如果要更改值文本变量，则应将在函数中作为值传递“parm”的值分配给文本（局部变量）。例子：

   <template>
        <div>
            <button @click="changeData('NewValue')">click me !</button>
            <p>{{ text }}</p>
        </div>
    </template>

    <script>
        export default {
            data () {
                return {
                    text: 'lorem'
                }
            },
            methods: {
                changeData(param){
                    this.text=param
                }
            }
        }
</script>