Vuejs在blade.php视图中选择选项

Question

我正在尝试构建一个简单的选择框并稍后发布所选项目。 在我的刀片文件中，我有以下但输出错误。

<div class="input-field col s12 blue-text text-lighten-3">
    <select name="publish_status" v-model="publishStatus">
        <option value="0">Not publish</option>
        <option value="1">Yes publish</option>
    </select>
    <label>Publish status</label>
    <span>Selected: @{{ publishStatus }}</span>
</div>

这是我的浏览器视图中的span标记的输出，而不是控制台

  

已选择：{{publishStatus}}

我的vue实例：

new Vue({


    el: '#snippet-form',

    data: {
        publishStatus: '',

});

Answer 1

元素id＃snippet-form在哪里？我刚刚根据您的代码创建了一个工作小提琴：https://jsfiddle.net/farazshuja/oguLapf7/1/

HTML：

<div id="snippet-form" class="input-field col s12 blue-text text-lighten-3">
...
</div>