文章列表
-
- 淺談vue實現雙向事件綁定v-model的原理
- 目錄解釋：總結補充與js或者jquery直接改變操作dom不同，vue使用v-model實現數據的雙向綁定，它會根據控件類型自動選取正確的方法來更新元素。v-model就是vue的雙向綁定的指令，能將頁面上控件輸入的值同步更新到相關綁定的data屬性，也會在更新data綁定屬性時候，更新頁面上輸入控...
- 日期：2023-02-11
- 瀏覽：107
- 標簽： Vue
-
- vue請求數據的三種方式
- 請求數據的方式： vue-resource 官方提供的 vue的一個插件 axios fetch-jsonp一，vue-resource請求數據介紹：vue-resource請求數據方式是官方提供的一個插件使用步驟：1、安裝vue-resource模塊cnpm install vue-reso...
- 日期：2023-02-03
- 瀏覽：75
- 標簽： Vue
-
- Vue實現點擊箭頭上下移動效果
- <body> <div id='app'> <ul> <li v-for='(item,i) in list'>{{item.name}} //i<list.length-1 需要的是0,1,2,3 需要四個向上的箭頭 長度為5 減...
- 日期：2023-01-14
- 瀏覽：91
- 標簽： Vue
-
- Vue路由切換頁面不更新問題解決方案
- 前言：vue-router的切換不同于傳統的頁面的切換。路由之間的切換，其實就是組件之間的切換，不是真正的頁面切換。這也會導致一個問題，就是引用相同組件的時候，會導致該組件無法更新，也就是我們口中的頁面無法更新的問題了。一、問題呈現在路由中進行切換結果這時候會發現input標簽的value值并沒有隨...
- 日期：2023-01-08
- 瀏覽：99
- 標簽： Vue
-
- vue 使用async寫數字動態加載效果案例
- 父組件 <interval-number :number-content='blockHeight' v-if='blockHeight>0'></interval-number> import IntervalNumber from ’./IntervalNumber...
- 日期：2023-01-04
- 瀏覽：67
- 標簽： Vue
-
- Vue中watch、computed、updated三者的區別及用法
- 1、watch理解： 監聽器,監聽某個數據的變化從而來執行一些操作，當data里面的數據發生變化的時候來執行一下開銷較大或異步的操作1、監聽值類型(簡單類型)數據//在一個vue實例中 new Vue({ el:'#myApp', data:{ num1:1, nu...
- 日期：2022-12-27
- 瀏覽：65
- 標簽： Vue
-
- vue 子組件修改data或調用操作
- <子組件 ref=’xxx’></子組件>父組件：this.refs.xxx.子組件定義的方法()外部：vm.$refs.xxx.子組件定義的方法()注意：子組件添加 ref 屬性,父組件才可以通過 refs 獲取.補充知識：vue更新data值，如何重新渲染組件？一：先介紹...
- 日期：2022-12-12
- 瀏覽：68
- 標簽： Vue
-
- vue打包npm run build時候界面報錯的解決
- 用coding-pages打開后顯示Failed to load resource: the server responded with a status of 404 (Not Found)，解決方案：方案一：找到config里的index.js,打開修改assetsPublicPath 為“./...
- 日期：2022-12-08
- 瀏覽：81
- 標簽： Vue
-
- vue中的循環對象屬性和屬性值用法
- v-for除了可以循環數組，還可以循環對象。例子：<template><div> <div v-for='(item,i) in obj'>{{i}}--{{item}}</div></div></template><sc...
- 日期：2022-11-29
- 瀏覽：109
- 標簽： Vue
-
- vue 路由meta 設置導航隱藏與顯示功能的示例代碼
- vue 路由meta 設置title 導航隱藏，具體代碼如下所示：router.jsroutes: [{ path: ’/’, name: ’HelloWorld’, component: HelloWorld, meta: {title: '...
- 日期：2022-11-29
- 瀏覽：93
- 標簽： Vue
排行榜
網公網安備