请问为什么我写的代码一样就是显示不出来

来源:3-3 组件与实例的关系

慕仙5167627

2019-09-26 15:42

点击了提交什么都不显示

http://img4.mukewang.com/5d8c6bd70001063f19201030.jpg


写回答 关注

4回答

  • 慕的地2242390
    2020-06-11 18:05:58

    <!doctype html>

    <html>

     <head>

      <meta charset="UTF-8">

      <meta name="Generator" content="EditPlus®">

      <meta name="Author" content="">

      <meta name="Keywords" content="">

      <meta name="Description" content="">

      <title>Todolist</title>

      <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

     </head>

     <body>

      <div id="root">

     <div>

      <input v-model="inputValue"></input>

     <button @click="handclick">按钮</button>

      </div>

     <ul>

      <!--todo-item 

    v-for="(item,index) of list" 

    :key="index" 

    :content='item'

    >

    </todo-item-->


      <template-list

    v-for='(item,index) of list'

    :key='index'

    :coent='item'

    >

    </template-list>

     </ul>

      </div>

    <script>

    Vue.component('template-list',{

    props:['coent'],

    template:'<div @click="headldclick">{{coent}}</div>',

    methods:{

    headldclick:function(){

    alert('124')

    }

    }


    })



    //Vue.component('todo-item',{

    // props:['content'],

    // template:'<li>{{content}}</li>'

    //})


    new Vue({

    el:"#root",

    data:{

    inputValue:"",

    list:[]

    },

    methods:{ 

    handclick: function() {

    this.list.push(this.inputValue),

    this.inputValue=""

    }

    }

    })

    </script>

     </body>

    </html>


  • 慕移动5193967
    2020-02-29 20:16:10

    在页面按F12 查看代码 有提示错误的

  • qq_正年轻_0
    2019-12-23 15:45:25

    F12看错误

  • 慕雪2242745
    2019-09-26 18:19:11

    代码是很诚实的 肯定是有地方写的不对的 另外你不上代码 只发个页面截图怎么帮你找你问题呢?

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146026 学习 · 655 问题

查看课程

相似问题