Vue 評論元件

2022-06-16 13:54:08 字數 2334 閱讀 4079

1. 在 專案的 建立`src -> sub-components` 目錄;

---------------------------------

// 1.匯入 comment.vue 子元件

import comment from "../sub-components/comment.vue";

//2註冊

components:

//3.

props: ["newsid"] // 接收父元件傳遞過來的新聞id

//請求資料-----這裡的id直接可以引用--不用在data裡宣告了

data() ;

},methods:}

完整**

<

template

>

<

div>

<

h4h4

>

<

hr>

<

textarea

placeholder

="請輸入要bb的內容(最多吐槽120字)"

maxlength

="120"

v-model

="msg"

>

textarea

>

<

mt-button

type

="primary"

size

="large"

@click

="postmsg"

mt-button

>

<

div

class

="cmt-list"

>

<

div

class

="cmt-item"

v-for

="(item, i) in cmtlist"

:key

="i"

>

<

div

class

="cmt-item-title"

div>

<

div

class

="cmt-item-body"

>}

div>

div>

div>

<

mt-button

type

="danger"

size

="large"

plain @click

="loadmore"

>載入更多

mt-button

>

div>

template

>

<

script

>

//按需從 mintui 中,匯出需要的 彈框元件

//接收父元件傳遞過來的新聞id

};script

>

<

style

lang

="scss"

scoped

>

textarea

.cmt-list

.cmt-item-body }}

style

>

Vue 評論互不影響

是 true 或者 false 即可。用全域性變數來控制,就會影響其他的,所以這裡單獨為每一條在加乙個屬性 第一部分 為每個屬性單獨增加屬性showcontent getcommentlist page this currentpage then data v for data,index in d...

vue元件引入另一vue元件

個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...

vue 實現評論區表情輸入

一 背景 表情的輸入,由兩種方式實現,一是通過輸入unicode編碼如 ud83c udf36 二是,通過選擇表情輸入,傳給後台以unicode的格式 二 效果 三 實現方式有兩種 html js export default value為表情對應的unicode碼,url為路徑 methods c...