//push 方法一 对象 // this.$router.push({path:'HelloWorld2'}); //push 方法二 命名的路由 // this.$router.push({name:'HelloWorld2',params: { userId: 123 }}); ...
转载
2018-06-08 14:06:00
207阅读
2评论
vue处理下拉列表 vue绑定下拉列表 <select id="selected" v-model="selected"><option value="" >{{selecttext}}select> selected:'',
selecttext:'选择优惠券', //处理优惠券
原创
2021-06-03 20:17:29
1436阅读
Vue除了使用router-link 来实现页面跳转之外,还可以直接使用js代码实现页面跳转。那就是push,使用this.$router.push({path: '/'})可以实现<li><router-link to="/">Vue页面</router-link></li>一样的能力。<template> <div...
原创
2021-07-14 11:43:31
368阅读
vue在移动端开发过程中,上拉加载、下拉刷新是页面的基本需求,现在给大家介绍一种基于touch事件封装的刷新组件。组件支持传参、传递事件、请求成功异步回调、上拉与触底触发加载或刷新。父子组件间的通信这里我们有两个页面,父组件note.vue与刷新组件baseScroll.vue。通过Prop向子组件传递数据、通过事件向父组件发送消息、通过插槽slot分发内容。note:<base-scrol
转载
2023-11-25 15:03:37
98阅读
使用vue实现简单的select下拉选择看看效果下面看看代码如何实现:1.代码结构:index.js文件 注册全局组件TySel
原创
精选
2023-12-26 10:12:35
373阅读
前言使用过Vue的童鞋都见过这个Vue.use()的方法,但是有没有想过为什么这个方法需要这个方法来使用插件呢?官方[1]介绍有4中四种为Vue添加全局功能的方法:1.添加全局方法或 propertyVue.myGlobalMethod = function () {
// 逻辑...
}2. 添加全局资源Vue.directive('my-directive', {
bind
智能社——http://www.zhinengshe.com {{value}} 暂无数据... ...
转载
2017-06-10 01:15:00
147阅读
2评论
最近在工作之余一直学习Vue3.0相关知识,虽然Vue3.0至今还是rc版,但这并不影响我们去学习。今天这篇文章是我关于Vue3.0的第四篇文章。在前文中我们讲解了如何通过vite和vuecli搭建Vue3.0开发环境,然后介绍了Vue3.0中的setup,reactive,ref等,今天这篇文章主要讲解了以下内容:
Vue3.0中使用watch
Vue3.0中使用计算属性
Vue3.0中使用v
vue下拉组件(vue-listbox-multiselect)Vue Dual list-box multi-select drop-down component for enterprise applications. Vue用于企业应用程序的双列表框多选下拉组件。 (Motivation)There are several good multi-select components avail
转载
2024-10-10 23:13:38
31阅读
<script setup lang="ts"> import { Empty } from 'ant-design-vue'; const props = withDefaults(defineProps<{ modelValue: any[] // 重要: 外部在使用这个的时候,不要修改,要通过
{{title}} {{selectValue}} 0"> {{item}} {{day}} {{title}} ...
转载
2019-05-28 11:48:00
443阅读
2评论
html <div> 语言:<select v-model="selectClassEnd" @change="selectClass($event)"> <option v-for="(options,id) in selectClassData" :key="id" :value="option ...
转载
2021-09-07 17:21:00
3459阅读
2评论
组件代码:<!--
/**
* 树形下拉选择组件,下拉框展示树形结构,提供选择某节点功能,方便其他模块调用
* @author wz
* @date 2020-06-09
* 调用示例:
* <tree-select :height="400" // 下拉框中树形高度
* :width="20
转载
2024-02-23 21:14:55
578阅读
前言: 在开发uniapp的时候,由于需要自己写一个下拉菜单的组件,所以需要用到change事件来获取选中的内容。所以这记录下,如何自定义change事件。 目的: 本篇文章的目的是为了让大家掌握如下几个问题点: 1.如何自定义组件 2.如何自定义事件 3.如何子组件调用父组件中的方法(也就是实现自定义事件的一部分) 4.关于实践中参数的问题先上代码:dropdown下拉菜单组件<templ
转载
2024-06-23 04:59:07
663阅读
数组更新检测变异方法 (mutation method)Vue 将被侦听的数组的变异方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:push()pop()shift()unshift()splice()sort()reverse()你可以打开控制台,然后对前面例子的 items 数组尝试调用变异方法。比如 example1.items.push({ message: 'Baz'
转载
2024-04-19 20:59:21
127阅读
使用vue2封装树形结构的组件,用于下拉选择,结构如下:父组件---->封装的树形组件----->回显input组件 & tree组件封装的树形结构组件代码如下:<template>
<div>
<div @click="openTree">
<el-input v-model="deptName" placeh
转载
2024-08-15 15:42:17
565阅读
接下来代码是对axios请求基础地址的封装该模块的主要功能是封装axios请求,并进行拦截器的书写 拦截器:主要用在验证登陆,携带后端要求的请求头token等两种拦截器的区别: 封装axios拦截器,拦截的是请求,一般用在需要在请求中添加请求信息(例如:请求头) // 路由拦截:拦截的是页面,可以决定用户有没有权利访问某个页面// 导出一个axios的实例 而且这个实例要有
转载
2024-10-08 17:30:19
81阅读
v-for遍历数组<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="app">
<!-- 1.在遍历过程
转载
2024-01-26 07:56:00
351阅读
![](https://s1.51cto.com/images/blog/201909/05/e2e9d7098374ff8c3d831a6d90be2aa0.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3p
转载
2019-09-05 09:18:04
1162阅读
最近在用Vue做评论互动的时候用到了push,现在做一个简易的demo<template> <di
原创
2022-07-06 16:26:14
1188阅读