Question

因此，在使用NPM安装Foundation 6之后，我使用了默认页面并添加了vue js cdn unpkg。
在我尝试放置数据绑定小胡子之前，介绍练习是否都顺利进行？

{{message}}

直到我看过有关需要'\'的Github帖子，它才完全起作用。链接here

这是HTML代码：

<div id="hello">
    <p>Enter your name:</p>
    <input v-model="message">
    <p>Name: \{{message}}</p>
    <button class="button" data-open="modal">Submit</button>

    <div class="reveal" id="modal" data-reveal>
        <p> \{{message}}</p>
    </div>
</div>

我试图制作一个手写的模式/弹出窗口，并且效果很好。从理论上讲，这也应该起作用，但是后来我意识到揭示使用了一些可能与vue冲突的js。这是我使用的Vue页面中的基本js：

var hello = new Vue({
    el: '#hello',
    data: {
        message: '30303'
    }
})

真正的问题是什么，如何解决。是否可以在模态内部再次调用vue，同时仍保留输入中修改后的文本？

Foundation的6揭露未从Vue Js 2获取信息

0 个答案: