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...