javascript - vue のスワイププラグインがデータの値が更新された後に dom を再更新しないのはなぜですか?

Question

これはバナー ダイアグラム、vue で書かれたスワイプ カルーセル コンポーネントです。これは渡される初期値です。ページが読み込まれるたびに、ローカル ストレージから値が取得されます。値があれば、直接渡されます。同時に、サーバーにリクエストを送信します。ニュース情報、this.news を更新し、この時点でスワイプで再渡します。コンポーネントの新しい値...

大家讲道理 · Answer

在swiper的配置中加入observer:true,observeParents:true。开启观察者模式，会动态监听你的swiper的变化的。详细参考api。一个有信仰的程序员，Notonce。

漂亮男人 · Answer

_this 哪里试试 var _this = this;

伊谢尔伦 · Answer

尝试在 swipe 组件中监听异步获取的数据

props: ['news'],
data() {
    return {
        swipe: []
    }
},
watch: {
    news(value, oldValue) {
        console.log(value, oldValue)
        this.swipe = value
    }
}

this.swipe 作为 swipe 组件的真实数据

PHP中文网 · Answer

遇到了同样的问题，我的问题是往后切换data数据更新dom会跟着更新，当向前切换时只有最后一个swiper-slide的dom的index是0，其他的是正常的，很神奇！查看vue的data是更新了的;但在dom里打出来就是0；

![图片上传中...]

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

これはバナー画像、vue で書かれたスワイプカルーセルコンポーネントです。

ニュースは変える価値がある

これはバナー画像、vue で書かれたスワイプ カルーセル コンポーネントです。

ニュースは変える価値がある

これはバナー画像、vue で書かれたスワイプカルーセルコンポーネントです。