事项vue cli 01
vue学习记录 4
本地服务器配置apache安装学习参考网址:(官网下载apache包的时候可能会疯狂断开链接)教程里没说,但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
Python - 导入 包/类 注意事项
1.易错点:不要把py文件的名字,定义的和内部的class一样 错误示例 仿照java一样,让py文件名和内部的class一致。 # ListNode.py 文件 class ListNode: def __init__(self, val=0, next=None): self.val = val ......
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置,dialog中的高度是随内部元素高度变化,所以在dialog中的table添加class="tableClass",通过屏幕大小改变tableClass中的height,高度数值存储在sizeList中。 <template> <div :style="si ......
python-day01_01 python&pycharm安装
python 安装,勾选add python 3.8 to PATH,选择Install Now pycharm 官网下载地址:https://www.jetbrains.com/pycharm/ ,选择windows-Community版本下载 安装成功,打开pycharm 工具,创建new pr ......
vue封装公共组件库并发布到npm库
利用的原理: vue框架提供的api: Vue.use( plugin),我们把封装好组件的项目打包成vue库,并提供install方法,然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值:通过v-bind:的形式进行数据的传递(可直接简 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先,data数据定义: ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理,主要是在js中实现对数据的分页处理,这里分享两种简单的写法,以供参考。两种方法都是用vue来实现的。 首先,相关的参数都一样,在vue里的data中定义好,如下所示: ``` var vm = new Vue({ el:'#app ......
Vue 中 组件通信 - 子传父(自定义事件)
# Vue 中 组件通信 - 子传父(自定义事件) ``` Vue 中 组件通信 - 子传父(自定义事件)子传父步骤:在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据(一般是通过一定的动作,如点击,滑动等,来自定义事件向父组件传递,这里以 click 为例)在子组件的 ......
npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test_vue - You do not have permission to publish "【package name】". Are you logged in as the correct user?
如果出现在发布的时候报这个错,说明你在package.json中登记的name已近被采用了。重名了,所以你得换一个。我们在发布一个包之前,最好拿着这个登记的name去搜一下,如果已近有了,那就要换一个。 ......
vue填坑之解决部分浏览器不支持pushState方法
前端使用vue-router做单页面路由并开启history模式时,会碰到一个问题:部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法,会导致页面加载不出来。 解决这个问题的思路是: 当浏览器支持pushState方法时,开启history模式,不支持则开启hash模 ......
使用vue ui创建vue项目
vue ui是什么? 简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI,因为 ......
vue3错误归纳
1,出错原因,找不到文件 npm install --save @/api/baseInfo/department //这个目录没有文件 2.packjson 中那么没改,不知道为什么 E:\gh-phm\ruoyi-ui\node_modules\normalize-package-data\li ......
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 拼接table 使用<template slot-scope="scope"> 更改td里面值
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 `使用 更改td里面值` https://blog.csdn.net/WindNolose/article/details/125422409 描述 VUE中的标签属性,可以在属性前使用:,让属性绑定 ......
ISE创建CLI账号密码
在GUI创建的账号密码,不可以登录CLI,即便在install ISE后,可能初始设置的账号登录CLI的权限也是不够的。 如果有需求登录ISE的CLI,可以通过如下命令配置: isevm/user1# configure Enter configuration commands, one per l ......
vue配合后端解决跨域问题
vue.config.js devServer:{ proxy:{ "/users":{ target:"http://localhost:3000", changeOrigin:true } } } ......
ISE创建CLI管理账户
配置路径: Choose Administration > System > Admin Access > Administrators > Admin Users > Add. 添加我们需要的账号和密码,注意ISE默认有账号密码的限制,包括多久修改密码的时间,这个可以在该目录下提前选择控制(这里不 ......
vue图片懒加载vue-lazyload
1.安装vue-lazyload npm i vue-lazyload 2.在main.js中引入使用 import { createApp } from 'vue' import './style.css' import App from './App.vue' import VueLazyloa ......
springboot+vue学习随记
1.springboot中日志的logback配置 1 <?xml version="1.0" encoding="UTF-8"?> 2 <configuration> 3 <!-- 日志存放路径 --> 4 <property name="log.path" value="F:/项目/spring ......
Vue项目下载项目本地文件
axios.get('file/template.xlsx', { //静态资源文件夹public responseType: 'blob', }).then(response => { const url = window.URL.createObjectURL(new Blob([respons ......
前端vue仿京东天猫简单好用的瀑布流瀑布流式布局列表组件waterfall
前端vue仿京东天猫简单好用的瀑布流瀑布流式布局列表组件waterfall, 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13046 效果图如下: ![image](https://img2023.cnblogs.com/blo ......
介绍vue3的钩子函数activated和deactivated使用场景
activated和deactivated是Vue3中的两个生命周期钩子函数。 activated钩子函数在组件被激活时调用,通常用于恢复组件的状态或执行一些初始化操作。例如,如果一个组件被从路由中激活,你可能需要在该组件被激活时从本地存储中加载一些数据。 下面是一个示例代码: <template> ......
vue-cli-演示如何基于vue-cli创建vue项目
# 1.安装和使用 vue-cli是npm上的一个`全局包`,`使用npm install`命令,即可方便的把它安装到自己的电脑上: ``` npm install -g @vue/cli ``` 基于vue-cli快速生成工程化的Vue项目: `vue create`**项目的名称** ![ima ......
Vue自定义校验
age: [ {required: true, message: '请输入年龄', trigger: 'blur'}, { validator: (rule, value, callback) => { if (value >= 18) { callback(); } else { callback ......
vue-cli-介绍并安装vue-cli
#1.什么是vue-cli `vue-cli是Vue.js开发的标准工具`。它简化了程序员基于webpack创建工程化的Vue项目的过程。 #2.安装和使用 vue-cli是npm上的一个`全局包`,`使用npm install`命令,即可方便的把它安装到自己的电脑上: ``` npm instal ......
01-多表查询-多表关系
来源:https://www.bilibili.com/video/BV1Kr4y1i7ru # 多表查询目录 - 多表关系 - 多表查询概述 - 内连接 - 外连接 - 自连接 - 子查询 - 多表查询案例 # 多表关系 - 一对多(多对一) - 多对多 - 一对一 ## 一对多 部门 和 员工: ......
Docker CLI docker container export 常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......