更多
2018年11月26日 11点19分 叶飞

相关代码如下:

//页面调用
<blog v-bind:post="post" v-on:sayHi="hello"></blog>
//组件注册
Vue.component("blog", {
    props: ['post'],
    template: `
    <div>
        <h3>{{post.title}}</h3>
        <button v-on:click='$emit("sayHi")'>大大大</button>
        <p>{{post.text}}</p>
    </div>
    `
})
var data = {
    message: '<span style="color:blue">hello, world</span>',
};

var app = new Vue({
    el: '#app',
    data: data,
    methods: {
        hello: function () {
            alert(this.message);
        }
    }
});
测试如果直接使用:<button @click="hello">Hello</button> 调用hello()没有问题的。

修改

事件 $emit vue.js Javascript 编程开发语言 修改

修改
66666……

应答 (下拉快捷留言)

知道“一起帮”的协助流程么?不要搞错哟:应答握手再远程……

2018年11月26日 11点47分 修改
确认查看

因为每次总结被查看,总结的作者都会获得 帮帮点 奖励。

所以,只有注册用户才能查看总结。

否则,该功能无法成功实现(以杜绝作弊)。敬请谅解!

熊敬之
2019年03月06日 11点00分 --- 第 1 楼 --- 桂丽莎白

这是大小写的问题吗 回复

2018年11月26日 13点46分 修改
确认查看

因为每次总结被查看,总结的作者都会获得 帮帮点 奖励。

所以,只有注册用户才能查看总结。

否则,该功能无法成功实现(以杜绝作弊)。敬请谅解!

叶飞
2018年11月26日 13点15分 --- 第 3 楼 ---

--- 回复: ---

不是,已经解决了呀。

看上面的总结,O(∩_∩)O哈哈~

2018年11月26日 13点15分 --- 第 2 楼 ---
是不是得用 vm.$emit
2018年11月26日 11点45分 --- 第 1 楼 ---
该应答已被转化成 总结,O(∩_∩)O~
关键字



帮助

反馈