//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:'选择优惠券',                    //处理优惠券
vue
原创 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
使用vue实现简单的select下拉选择看看效果下面看看代码如何实现:1.代码结构:index.js文件 注册全局组件TySel
前言使用过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
<script setup lang="ts"> import { Empty } from 'ant-design-vue'; const props = withDefaults(defineProps<{ modelValue: any[] // 重要: 外部在使用这个的时候,不要修改,要通过
原创 9月前
103阅读
{{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
数组更新检测变异方法 (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的实例 而且这个实例要有
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
vue
转载 2019-09-05 09:18:04
1162阅读
最近在用Vue做评论互动的时候用到了push,现在做一个简易的demo<template> <di
原创 2022-07-06 16:26:14
1188阅读
  • 1
  • 2
  • 3
  • 4
  • 5