文章列表
-
- vue路由跳轉(zhuǎn)傳遞參數(shù)的方式總結(jié)
- 日常業(yè)務(wù)中,路由跳轉(zhuǎn)的同時(shí)傳遞參數(shù)是比較常見的,傳參的方式有三種:1)通過動(dòng)態(tài)路由方式//路由配置文件中 配置動(dòng)態(tài)路由{ path: ’/detail/:id’, name: ’Detail’, component: Detail }//跳轉(zhuǎn)時(shí)頁面var id = 1;this.$ro...
- 日期:2023-01-22
- 瀏覽:49
- 標(biāo)簽: Vue
-
- vue輸入框使用模糊搜索功能的實(shí)現(xiàn)代碼
- 實(shí)現(xiàn)原理:利用js的 indexOf 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。模板中的代碼<div class='search'><!--輸入框使用的是vant的輸入框組件--><van-search @input='autoSearch' v-mod...
- 日期:2023-01-18
- 瀏覽:48
- 標(biāo)簽: Vue
-
- node+vue實(shí)現(xiàn)文件上傳功能
- 本文實(shí)例為大家分享了node+vue實(shí)現(xiàn)文件上傳的具體代碼,供大家參考,具體內(nèi)容如下*后端*const express = require(’express’);const Router = express.Router();const multer = require(’multer’);cons...
- 日期:2023-01-17
- 瀏覽:114
- 標(biāo)簽: Vue
-
- Vue組件為什么data必須是一個(gè)函數(shù)
- 前言我們需要先復(fù)習(xí)下原型鏈的知識(shí),其實(shí)這個(gè)問題取決于 js ,而并非是 vue 。function Component(){ this.data = this.data}Component.prototype.data = { name:’jack’, age:22,}首先我們達(dá)成一個(gè)共識(shí)(沒有...
- 日期:2023-01-13
- 瀏覽:136
- 標(biāo)簽: Vue
-
- vue各種事件監(jiān)聽實(shí)例(小結(jié))
- 計(jì)算屬性的Get方法和Set方法看代碼說話:<!doctype html><html><head><meta charset='utf-8'><title>vue小練習(xí)</title></head><body&...
- 日期:2023-01-11
- 瀏覽:126
- 標(biāo)簽: Vue
-
- vue實(shí)現(xiàn)折線圖 可按時(shí)間查詢
- 本文實(shí)例為大家分享了vue實(shí)現(xiàn)可按時(shí)間查詢的折線圖的具體代碼,供大家參考,具體內(nèi)容如下1.vue前端//查詢條件<template><el-date-picker v-model='listQuery.toptime' :picker-options='pickerOptions'...
- 日期:2022-12-04
- 瀏覽:134
- 標(biāo)簽: Vue
-
- Vue+Element UI 樹形控件整合下拉功能菜單(tree + dropdown +input)
- 這篇博客主要介紹樹形控件的兩個(gè)小小的功能: 下拉菜單 輸入過濾框 以CSS樣式為主,也會(huì)涉及到Vue組件和element組件的使用。對于沒有層級的數(shù)據(jù),我們可以使用表格或卡片來展示。要展示或建立層級關(guān)系,就一定會(huì)用到樹形組件了。使用Vue + Element UI,構(gòu)建出最基本的樹如下圖所示:...
- 日期:2022-12-03
- 瀏覽:135
- 標(biāo)簽: Vue
-
- vue綁定數(shù)字類型 value為數(shù)字的實(shí)例
- 直接加: <el-select v-model='searchData.status' filterable placeholder='請選擇' @change='gamefilter' class='mr40'> <el-option label='開啟' :value=’0...
- 日期:2022-12-02
- 瀏覽:129
- 標(biāo)簽: Vue
-
- vue路由結(jié)構(gòu)可設(shè)一層方便動(dòng)態(tài)添加路由操作
- 動(dòng)態(tài)添加路由基本功能let routes=[{ path: ’/login’, name: ’login’, component: () => import(’../components/Login.vue’) }]this.$router.addRoutes(routes)涉及多層路由嵌套 ...
- 日期:2022-12-02
- 瀏覽:141
- 標(biāo)簽: Vue
-
- vue監(jiān)聽瀏覽器原生返回按鈕,進(jìn)行路由轉(zhuǎn)跳操作
- 今天測試給我報(bào)了個(gè)bug說點(diǎn)擊瀏覽器返回頁數(shù)據(jù)顯示的不對,我查了半天原因:需要監(jiān)聽瀏覽器的回退按鈕,并阻止其默認(rèn)事件。具體操作方法如下:1、掛載完成后,判斷瀏覽器是否支持popstatemounted(){ if (window.history && window.history...
- 日期:2022-11-26
- 瀏覽:58
- 標(biāo)簽: Vue
排行榜
