wx62ea0abc1ee0c的博客_Vue

vue开发移动端的代码使用控制台

百度搜： vconsole

vconsole

原创 2月前 28 阅读

vue中引入公共方法并使用

Vue

封装

原创 2月前 68 阅读

vue之移动端的页面在返回时记住操作的位置，提供滑动动画效果

1、在main.js中添加 import ctpRouter from '@/ares-ui-extend/CtpRouter'; Vue.use(ctpRouter, router); 2、添加相应的代码在src的目录下添加 ares-ui-extend 的文件夹 ares-ui-extend

Vue

3d

ci

原创 3月前 24 阅读

vue知识点： v-if和v-for为何不能同时使用？

在vue2和vue3的官方文档里都写到不推荐 v-if 和 v-for 同时使用，如下代码所示： <li v-for="todo in todos" v-if="!todo.isCo

Vue

数据

数组

原创 3月前 32 阅读

vue2 、 vue3 官网

vue2官网：https://v2.cn.vuejs.org/v2/guide/ vue3官网： https://cn.vuejs.org/guide/introduction.html

官网

html

原创 7月前 6012 阅读

vue中的 this.$set( ) 直接对data 中的数据进行设置

这里最重要的是括号里面的第一个参数 this ，例如改变 data 中的 selectedOrg 的 selectArr 属性值： this.$set(this, 'selectedOrg', selectArr);

属性值

原创 8月前 176 阅读

vue项目中使用的移动端的签名组件，纯 js 写的

<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue

偏移量

生成图片

2d

原创 8月前 89 阅读

Vue 中如何进行权限控制？

随着前端技术的不断发展，越来越多的前端框架被使用在 Web 应用程序中，其中尤为出色的一个就是 Vue。Vue 是一个易于理解并

Vue

权限控制

用户信息

原创 2023-08-08 00:50:54 132 阅读

vue中router与route区别

vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo

字符串

构造方法

绝对路径

原创 2023-07-30 00:20:53 80 阅读

vue中query和params的区别是什么

区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que

地址栏

刷新页面

传递参数

原创 2023-07-30 00:20:47 212 阅读

vue如何通过$router.push传参数

如何通过$router.push传参数下面通过A页面向B页面传值来举个例子： //A页面: this.$router.push({ name: '页面B', params: { data: '我是要传递的参数' } }) //B页面拿到传来的值: this.data = this.$route.p

跳转页面

地址栏

传参数

原创 2023-03-23 16:33:03 641 阅读

vue如何通过$router.push传参数

如何通过$router.push传参数下面通过A页面向B页面传值来举个例子： //A页

跳转页面

地址栏

传参数

原创 2023-03-11 19:46:23 672 阅读

vue中使用window.open造成 ip重复

不能写成www.baidu.com，需要写成https://www.baidu.com

uu

原创 2022-12-31 21:53:30 118 阅读

VUE样式穿透，深度选择器的使用＞＞＞ /deep/ ::v-deep

首先，我们来认识下三个深度选择器： >>> :原生css 在没有less/scss时使用 /deep/ :less ::v-deep :scss 如果使用了预处理器都可以使用这个（推荐）

选择器

预处理

css

原创 2022-12-31 08:00:01 210 阅读

Vue 作用域插槽

摘抄自：https://www.jianshu.com/p/0c9516a3be80

do better myself

原创 2022-12-20 21:52:32 92 阅读

VUE中v-for和v-if不能同时使用的问题

在开发时候碰到了一个问题：v-if和v-for不能同时使用：<h-tab-pane v-for="(item, index) in tabItems" :key="index" :label="item.title" :id="item.id" :name="it

javascript

优先级

ide

转载 2022-10-21 13:35:35 49 阅读

v-on:click(简写@click)绑定事件加括号和不加括号

应该是 Vue 对函数调用表达式额外用了一个函数做了层包装。事先说明：加与不加括号的区别在于事件对象参数 event 的处

事件对象

函数调用

事件绑定

原创 2022-10-21 12:03:24 602 阅读

element ui实现手动上传文件，且只能上传单个文件，并能覆盖上传。

element ui提供了成熟的组件场景，但实际工作中难免会遇到认（sha）真（diao）的产品。比如，最近遇到的

上传

css

官网

原创 2022-10-21 12:03:19 1291 阅读

彻底明白VUE修饰符sync

对于VUE的初学者来讲，肯定会感觉prop的写法很麻烦，很讨厌！你肯定想如果prop也可以实现双向绑定那怎是一个

数据

匿名函数

双向绑定

转载 2022-10-21 12:02:20 43 阅读

完美解决 Uncaught SyntaxError: Unexpected token ‘＜‘

vue项目的代码打包后，部署到服务器上面，打开后控制台报错如下：上网搜问题，感谢作者的这个文章完美解决 Uncaught SyntaxError: Unexpected token

jquery

解决方法

服务器

原创 2022-10-21 12:02:19 1718 阅读

Vue组件上使用v-model

一、最近在工作过程中要实现一个搜索模糊匹配功能，考虑到组件的复用，就单独把搜索框抽出来作为一个子组件。在以往

搜索

复用

双向绑定

原创 2022-10-21 12:02:12 48 阅读

vue中html、js、vue文件之间的简单引用与关系

有关vue文件记录：index.html在html中运用组件 main.js在这个文件中定义js，引入vue和App.vue App.vue（官方规范，一般

html

css

实例化

原创 2022-10-21 12:02:11 1341 阅读

有关命令行的vue操作

1、安装node.js ，通过node -v 和 npm -v 来查看node 和 npm 版本。 2、安装bower，bower 可以说是（前端）包管

包名

git

node.js

原创 2022-10-21 12:01:58 63 阅读

vue-cli项目启动遇到的坑

利用 npm init webpack projectname 之后切换到项目所在文件夹下，执行命令 npm install

cli启动项目 cnpm

vue.js

初始化

构建工具

转载 2022-10-21 12:01:58 71 阅读

Vue.directive()的用法和实例

官网实例：https://cn.vuejs.org/v2/api/#Vue-directivehttps://cn.vuejs.org/v2/guide/custom-directive.html指令定义函数提供了几个钩子函数（可

拖拽

父节点

官网

原创 2022-10-21 12:01:54 37 阅读

vue中关于checkbox数据绑定v-model指令的个人理解

vue.js为开发者提供了很多便利的指令，其中v-model用于表单的数据绑定很常见，下面是最常见的例子： <div id='myApp'> <input type="text" v-model=

数组

数据

字符串

原创 2022-10-21 12:01:53 326 阅读

vue 项目中的 vuex 简单封装

代码结构： index.js ： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import state from './state' import actions from './actions' import mutati

官网

代码结构

数据

原创 2022-10-21 12:01:39 72 阅读

vue 路由的封装

承接另一篇文章 vue-cli4 项目框架的搭建以及路由的封装、axios的封装、公共函数js文件的封装引用、vuex

封装

加载

代码类

原创 2022-10-21 12:01:38 105 阅读

vue项目中axios的封装

承接另一篇文章 vue-cli4 项目框架的搭建以及路由的封装、axios的封装、公共函数js文件的封装引用、vuex的基本用法、m

ios

拦截器

json

原创 2022-10-21 12:01:35 123 阅读

Vue父组件向子组件传递一个动态的值，子组件如何保持实时更新实时更新？

场景：父组件发生数据变化，动态的传递给子组件，子组件实时刷新视图解决方法：需要在子组件watch中（监听

数据

新视图

html

原创 2022-10-21 12:01:32 233 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx62ea0abc1ee0c的博客