vue-element-ui日期element vue
Vue——stateMixin【十五】
前言 经过initMixin再接下来就到了stateMixin，接下来咱们就看看stateMixin中到底有什么； 内容 stateMixin位于src/core/instance/state.ts下； export function stateMixin(Vue: typeof Component ......
vue项目结合,vant 实现中轮播图中，点击图片放大图片
思路： vant中提供函数 ImagePreview 给原每一个图片子元素设置点击事件，api中提供 initial-swipe 索引，拿到原图索引 设置change事件，保存大图切换的对应索引给到自己的 initial-swipe索引中 设置图片预览切换时，根据切换后的索引，设置原图的位置，大图原 ......
vue学习 第四天 css ---元素显示模式 display
导学： 1）设置元素显示模式 display 2）block（块）、inline（行内）、inline-block（行内块） 3）每一种元素模式的特点 1、元素显示模式 : 独占一行 （块元素） 和 共用一行 （行内元素） HTML元素一般分为块元素和行内元素两个类型。 2、块元素：<h1>~<h6 ......
odoo中 py3o的打印报告中，报告的名字如果要取当天的日期或其它日期时，如果要导包，import timedate. 这种在report的名字中，是请允许使用eval 这个函数（出于安全考虑）
odoo中 py3o的打印报告中，报告的名字如果要取当天的日期或其它日期时，如果要导包，import timedate. 这种在report的名字中，是请允许使用eval 这个函数（出于安全考虑） 可以使用下面的来替代 时间'order recap %s' % (time.strftime("%Y- ......
可视化大屏的终极解决方案居然这么简单，vue-autofit一行全搞定！
可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结 ......
vue3 create-vue 开启vite自动验证eslint
0. vue3 cli推荐新的构建工具 vite,但没有yarn run dev后并不自动检测eslint规则,需要运行yarn run eslint 1. 添加组件即可 yarn add vite-plugin-eslint --dev 2. 在vite.config.js加入 1 import ......
ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时间之间差不能超过3天
在项目中这个问题在困扰我，虽然我知道它是有一个Api是disableDate来控制时间的选择；但是只能够实现开始时间跟结束时间之间差不能超过3天。 效果图 接下来就是代码时间呀 <a-col> <a-form-model-item label="任务时间范围" prop="priceRangeDat ......
vue3 keep-alive实现tab页面缓存
先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
vue自定义事件
书接上文，我们仔细想一想，如果我们想要在模板标签中，操作vue对象中的数据，根据前面学习的知识我们可以知道， 如果模板标签想要读取vue对象中的数据，需要对想要的数据进行绑定，并且通过props接收， 如此以来，我们实际上是将vue中的数据传到了模板里，也就是说，在模板中的数据类似于局部变量， 对局 ......
vue打包后，接口请求404的完美解决方案
在开发环境中，和后台对接为了解决跨域问题，使用了代理，也就是vue的proxyTable，但是打包放到生产环境中去时，接口请求不到，404，原因是开发环境的代理并不能用到生产环境，但是直接在请求接口是使用服务器地址，可以成功，但是会造成cookie丢失而失去权限验证 我脑海里出现有两种办法，一是使用 ......
vue 拖拽功能实现
前言 最新项目里使用到了拖拽的功能，查阅资料后，看到一篇关于拖拽的详细文章：https://www.cnblogs.com/xiaohuochai/p/5886618.html 基于此，记录下 vue 实现拖拽的过程，以下是编写的示例demo效果图： 设置拖拽时，需要拖拽的元素要设置 draggab ......
Vue设置默认加载页面，去掉地址栏#号
{ path: '/', component: Login,//想默认启动的页面}, mode:"history" //去掉地址栏的#号 ......
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
找了很久这个问题 解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题 - 北桥苏 - 博客园 (cnblogs.com) 解决办法 改为 问题解决 没有找到为什么 好像高版本的router没有这个问题 我因为 ......
Vue Typescript 引入文件接口，就无法使用withDefaults
就是代码写的不规范 报错写法 import {Setting} from '@element-plus/icons-vue' import { defineProps ,withDefaults } from 'vue' import {PiProject} from '@/types/Projec ......
vue3组合式API介绍
为什么要使用Composition API? 根据官方的说法，vue3.0的变化包括性能上的改进、更小的 bundle 体积、对 TypeScript 更好的支持、用于处理大规模用例的全新 API，全新的api指的就是本文主要要说的组合式api。 在 vue3 版本之前，我们复用组件（或者提取和重用 ......
vue3学习之axios、mockjs、nswag
axios、mockjs 安装 npm i --save axios npm i --save mockjs axios、mockjs使用 创建 src\api 目录 添加http.ts import axios from "axios"; let http = axios.create({ bas ......
vue计算属性、内容分发
计算属性可以想象为缓存 在调用方法时，每次都需要进行计算，既然有计算过程则必定产生系统开销，那如果这个结果时不经常变化的呢？此时就 可以考虑将这个结果缓存起来，采用计算属性可以很方便的做到这一点，计算属性的主要特性就是为了将不经常变化的计算结果进行缓存， 以节省我们的系统开销 计算属性一般写在com ......
Vue基础知识
模板语法 文本插值（text interpolation） 最基本的数据绑定形式，使用“Mustache”语法即{{...}} <span>Message:{{msg}}</span> {{}}中的值会被替换为相应组件实例中msg属性的值，且会同步地更新 原始HTML <p>Message:<spa ......
RuoYi-Vue 分离版 收获与总结
https://blog.csdn.net/qq_41965731/article/details/115241184 一、常量的定义 以下是阿里编码规约 二、图片的 base64 编码 https://blog.csdn.net/duola8789/article/details/78844431 ......
vue2源码-十二、mixin的使用和原理
mixin的使用和原理 使用： 可以通过 Vue.mixin 来实现逻辑的复用,问题在于数据来源不明确。声明的时候可能对导致命名冲突 vue3 采用的就是 compositionAPI 局部混入： var myMixin = { created: function () { this.hello() ......
vue-admin-template 如何添加快捷导航（标签导航栏）
前言 关于快捷导航(标签栏导航)在文档中确实有介绍，但是看完是一头雾水，不知道如何修改，不过文档最后给了一个移除的大致操作，从这里可以找到入手点 前期准备 vue-admin-template 项目代码 vue-element-admin 项目代码 操作流程 注：以下操作流程是按照自行摸索的操作顺序 ......
VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候，使用命令 yarn add @marshallswain/vuedraggable ......
vue3中使用defineExpose报TS-2339
title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
vue3+ts使用v-for出现unknown问题
title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
Vue(二)
2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序，一般为一个js文件 作用：js可以复用，可以简化js的编写，提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合，这个集合包含很多，比如html、css、js等 作用：复用编码，简化项目的编码，提高项目 ......
SAP Fiori Elements 开发环境的搭建和开发准备工作试读版
本教程第一篇文章，我们介绍了 SAP Fiori Elements 和 SAP UI5 Freestyle 两种开发方式的区别和各自的适应场合。 本文我们开始动手实操，创建并运行第一个 SAP Fiori Elements 应用。 Fiori Elements 开发环境搭建 我们选择在本地使用 Vi ......
Vue JS项目 添加TypeScript
Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
vue：axios异步通讯
由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......