在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue 循環(huán)找不到el元素

vue 循環(huán)找不到el元素

問(wèn)題描述

[Vue warn]: option "el" can only be used during instance creation with the `new` keyword. vue.esm.js:592:7
[Vue warn]: Cannot find element: #actionMovieFor

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

export default {
        el:"#actionMovieFor",
        data() {
            return {
                ftpIP: this.GLOBAL.ftpIP,
                server: this.GLOBAL.server,
                actionMovieTmps: {},
                artMovieTmps: {},
                funnyMovieTmps: {},
                ThrillerMovieTmps: {},
            }
        },........

<template>
    <div class="containerBody">
        <div class="panel panel-info moviepanel">
            <div class="panel-body" style="width: 100%; padding-top: 5px;">
                <div id="actionMovie" class="col-md-12 movie_container">
                    <div id="actionMovieFor">
                        <div v-for="(movie,index) in actionMovieTmps" :meta="movie" :key="index" v-on:click="getVideos(movie.id)" style="float:left;width:35%;height:75%;">
                            <p style="cursor: pointer;height:18;width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">{{movie.title}}</p>
                            <p style="height:18;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" title="movie.description">{{movie.description}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

異步獲取數(shù)據(jù)后循環(huán)遍歷顯示在頁(yè)面上

回答
編輯回答
淡墨

el 是手動(dòng)掛載(new 一個(gè) Vue 實(shí)例的時(shí)候)的時(shí)候用的參數(shù)，表示把當(dāng)前的組件掛載到這個(gè) dom 元素上，你這里加 el 干什么

2018年4月3日 07:43
編輯回答
我甘愿

template標(biāo)簽內(nèi)容天生不可見(jiàn)，設(shè)置了display：none；屬性。因此，你想取template里邊的ele元素，肯定是取不到的；

<template>
    <div id="cbox">11111111111</div>
</template>

<script>
    console.log( document.getElementById('cbox')) //null
</script>

其實(shí)你js不需要再設(shè)置el,因?yàn)檫@個(gè)文件在vue里已經(jīng)是一個(gè)組件的形式。

2017年9月19日 13:02