首頁猿問在Vue中定義全局指令v-colo...

在Vue中定義全局指令v-color出錯了

JavaScript

蕪湖不蕪 2019-03-10 14:38:19

在Vue中定義全局指令v-color出錯了，錯誤內(nèi)容：[Vue warn]: Failed to resolve directive: color(found in <Anonymous>)不知道怎么回事？<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.6/dist/vue.js"></script> <body> <div id="app"> <h2 v-color>{{msg}}</h2> </div> <script> var vm=new Vue({ el:"#app", data:{ msg:'3333ff' }, }) Vue.directive('color',{ bind:function(el) { el.style.color='red' } }) </script> </body> </html>v-color出錯了，求大神幫忙看看，謝過啦~~

查看完整描述

2 回答

慕容3067478

TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個贊

<script>Vue.directive('color',{
    bind:function(el) {
        el.style.color='red'
    }
})var vm=new Vue({
    el:"#app",
    data:{
        msg:'3333ff'
    },
}) 
</script>

反對回復(fù) 2019-03-10