文章/答案/技术大牛

发布

社区首页 >问答首页 >Vue 'data‘未通过html中的input标记进行更改

问Vue 'data‘未通过html中的input标记进行更改
EN

Stack Overflow用户

提问于 2019-04-27 02:55:41

回答 1查看 72关注 0票数 0

我试图让HTML输入反映在Vue dev工具面板和控制台中，但它们都不起作用。

我的刀片文件包含以下代码。

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
    <title>Chat Room</title>

  </head>
  <body>
    <div class="container" id="app">
      <div class="row">
        <ul class="list-group offset-4 col-4">
          <li class="list-group-item active">Chat Room</li>
          <input type="text" class="form-control" placeholder="Type your 
message here" v-model="text" @keyup='send'></input>
        </ul>
      </div>
    </div>
    {{-- <script src="{{ asset('js/app.js') }}"></script> --}}
  </body>
</html>

app.js是这样的。

require('./bootstrap');

window.Vue = require('vue');

Vue.component('message', require('./components/message.vue'));

const app = new Vue({
    el: '#app',
    data: {
        text:''
    },
    method:{
      send(){
        console.log(this.message);
      }
    }
});

问题是我没有得到任何错误，但绑定也不起作用。我正在寻找要在控制台和vue面板数据数组中显示的html中的输入文本。

javascript

laravel

vue.js

laravel-blade

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-27 03:00:53

Layout.app已经包含了head和body标签，不是吗？此时，您正在将一个全新的页面放入页面中

所以它不会工作，因为第一个div#app在app.blade.php中

编辑:加上你的脚本是用刀片线注释标记注释的

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55873507

复制

相似问题

问Vue 'data‘未通过html中的input标记进行更改
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue 'data‘未通过html中的input标记进行更改EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue 'data‘未通过html中的input标记进行更改
EN