【问题标题】:Failed to execute 'createElement' on 'Document' The tag name provided ('{{laravue.currentview }}') is not a valid name无法在“文档”上执行“createElement”提供的标签名称(“{{laravue.currentview }}”)不是有效名称
【发布时间】:2018-03-22 14:08:40
【问题描述】:

我使用这个库https://github.com/laravue/laravue, 但是当我将它运行到本地时,它会显示错误:

未捕获的 DOMException:无法执行“createElement” 'Document':提供的标签名称('{{laravue.currentview }}')不是 一个有效的名字。

这是我的 app.blade.php:

<div class="container" id="app">
        <div class="content">
            <component is="@{{laravue.currentView }}" v-bind:app="laravue.app" keep-alive></component>
        </div>
    </div>
    <script defer="defer" src="/js/bundle.js"></script>

我的 App.js

var Vue = require('vue')
// Vue.use(require('vue-resource'))
// Vue.use(require('vue-validator'))
// Vue.use(requrie('vue-router'))
Vue.config.debug = true // Comment this line for production

new Vue({
    el: '#app',
    created: function() {
        this.laravue.init.call(this, ['home']);
    },
    data: {
        laravue: require('./laravue.coffee')
    },
    components: require('./components.coffee') // You can just inline them, but I recommend putting them in their own file
})

components.coffee:

module.exports =
    # Custom Elements
    'titles': require './components/title.coffee'
    'random-quote': require './components/random-quote.coffee'

    # Views
    'home-view': require './views/home.coffee'

home.coffee:

module.exports =
    ready: () -> require('../view-ready.coffee').call(this)
    props: ['app']
    template: require('./home.template.html')

这是我的 home.template.html:

<title>Laravue {{app.laravue.version }}</title>
<random-quote></random-quote>

【问题讨论】:

    标签: laravel-5 vue.js


    【解决方案1】:

    似乎出于某种原因通过is="{{laravue.currentView }}"绑定 已被 vue JS 弃用。您需要从

    更改您的代码
    <component is="@{{laravue.currentView }}" v-bind:app="laravue.app" keep-alive></component>
    

    <component v-bind:is="laravue.currentView" v-bind:app="laravue.app" keep-alive></component>
    

    你可以找到here called Dynamic Components

    :D

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-11-17
      • 2019-04-04
      • 1970-01-01
      • 2020-07-15
      • 1970-01-01
      • 2015-08-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多