Question

我想在调用组件的某个方法时更新组件模板。就像resolve函数，或Vue.compile渲染选项或v-html绑定选项一样（但实际上是编译模板）。

如何从组件方法调用resolve函数。

这是可能的，我应该如何使用Vue.js？

Answer 1

您可以在组件的data函数的返回对象变量中定义要更新的内容，例如so。如果您使用的是组件（例如Vue.extend）

，则数据必须是一个函数

然后，您可以定义方法并更改方法中的this.whateverYouNamedYourVariable，例如so。

然后您可以在v-on或以编程方式调用该方法。这是v-on事件绑定的链接：Vue docs

使用webpack的快速示例。

<template>
    {{me}}
    <button v-on:"changeMe">Click to change!</button>
</template>

<script>
 import 'vue' from 'vue'; 
 export default {
    name: 'VueEventBindDemo',
    data: function() {
        return { me: 'isMe'}
    },
    methods: {
        changeMe: function() {
           this.me = "isYou";
        }
    }
 }
</script>

Vue.js从组件方法更新模板

1 个答案: