mpvue style不支援傳入物件

2022-07-01 05:33:11 字數 2752 閱讀 1381

在vue.js專案轉化為小程式時,把原來頁面的**直接拷貝過去,發現布局改變很多,很多已經設定的標籤的css樣式並沒有顯示出來,檢視官方文件,得知原來vue.js的class 與 style 繫結語法,有些不適合mpvue,以下總結幾點:

一. :class繫結方式

(1).mpvue支援:class=""

<

template

>

<

div>

<

div

:class

="">測試

div>

div>

template

>

.career

(2).mpvue支援三元表示式(v-bind:class="[isactive ? activeclass : 』 '])

<

template

>

<

div>

<

div

:class

="[istest?'career':'']"

>測試

div>

div>

template

>

data ()

}

(3).mpvue支援動態陣列(:class="[ , 『bottom』]")

<

template

>

<

div>

<

div

:class

="[ , 'bottom']"

>測試

div>

div>

template

>

data ()

}.career

. bottom

(4).mpvue不支繫結物件的形式(:class=「classobject」)

<

template

>

<

div>

<

div

:class

="career"

>測試

div>

div>

template

>

.career

這種繫結物件的方式在vue.js上可以,在mpvue上不可行。根據官方提示我們可以用 computed 方法生成 class 或者 style 字串,插入到頁面中。

更改為適合mpvue 的形式**:

<

template

>

<

div>

<

div

:class

="computedclassobject"

>測試

div>

div>

template

>

computed:

},<

style

>

.career

style

>

二. :style繫結方式

(1). mpvue支援直接在模板中使用:style

<

template

>

<

div>

<

div

:style

="">測試

div>

div>

template

>

(2).mpvue支援多組繫結(駝峰寫法)

<

template

>

<

div>

<

div

:style

="">測試

div>

div>

template

>

data()

}

(3).mpvue不支援繫結物件

<

template

>

<

div>

<

div

:style

="styleobj"

>測試

div>

div>

template

>

data () }}

}},

這種直接繫結物件的方式在mpvue上也是不可行的,需要做一下的修改。

根據官方文件提示作如下支援mpvue的修改為:

<

template

>

<

div>

<

div

:style

="computedclassobject"

>測試

div>

div>

template

>

computed: )

}}

把物件格式的style轉化為字串格式方法:

將物件轉變為style字串

showjson(style)

s = s.join(';')

return

s}

tostylejson(styleobject) 

}return arr.join(";");

},

mysql不支援 MySQL不支援的特性

mysql 1 不支援物化檢視。2 不支援位圖索引。3 不支援並行查詢。4 不支援雜湊關聯,mysql的所有關聯都是巢狀迴圈關聯。不過,可以通過建立乙個雜湊索引來曲線實現。5 不允許對同一表同時進行查詢和更新。報錯 update tb1 as outer tb1 set cnt select cou...

rsyslog input 不支援變數

input type imfile file usr local apache tomcat 7.0.55 8082 logs localhost access log.txt tag zjzc api access01 severity info facility local5 不支援這種寫法 i...

linux vi 不支援中文

問題說明 網頁html與chi語言的結合,使用c語言輸出html語句,因為其中用到中文,出現亂碼 問題解決 1.在cgi中用到的 使用utf 8編碼,utf 8是國際統一的中文編碼 具體語句為 fprintf cgiout,metacharset utf 8 參考文章 2.上述步驟完成後,重新編譯,...