为了账号安全,请及时绑定邮箱和手机立即绑定

为什么按照视频中写的没有报错?

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>vue实例</title>

<script type="text/javascript" src="js/vue.min.js"></script>

</head>

<body>

<!-- 挂载点,模板,实例之间的关系-->

<div id="root"><!-- 挂载点 -->

<div v-text="content" v-on:click="()=>{alert(123)}">{{content}}</div>

</div>

</body>

<script>

new Vue({

el:"#root",//挂载点

// template:'',//模板

data:{ //数据项

// msg:"world",//数据,放在挂载点中

// number:123 //插值表达式

content:"hello"

}

})

</script>

<!-- v-text 会转译 v-html不会转译 -->

</html>


正在回答

1 回答

<div v-text="content" v-on:click="()=>{alert(123)}">{{content}}</div>改成

<div 

v-html = 'content' 

@click="handleDivClick">

</div>

//在实例写上方法
methods:{
    handleDivClick:function () {
        alert("123")
    }
}

//注意你的代码规范吧js写现在body里


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么按照视频中写的没有报错?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信