布局vue web
vue启用https服务及nginx启用https配置
1.vue开发环境中主要是configjs配置 启用https服务 devServer: { https: true, //启用https } 2.nginx 申请一个ssl证书 ，自行申请。 下面是一个nginx例子 需要修改的配置https主要是红色标出来部分。蓝色加粗部分主要是history模 ......
在vue2 v-bind中使用console.log
<el-submenu v-for="(item, index) in menuList" :key="index" :index="console.log(item.name) || item.name" > main.js Vue.prototype.console = console 参考： ......
给首布局选择项目带出明细内容js控制
1.通过一个中间的jsp进行json查询传递 <%@ page import="java.util.Map" %> <%@ page import="java.util.ArrayList" %> <%@ page import="java.util.List" %> <%@ page import ......
vue+el-tree 通过下拉框选中节点，定位到当前节点，并高亮
此处为下拉选择器： <el-select ref="searchSelect" v-model="filter" filterable remote size="mini" clearable placeholder="请输入关键词" :remote-method="remoteMethod" @i ......
vite+vue 在html中通过script引入的文件在使用时，部署后却无法获取文件中的方法
今天在写项目的时候，遇到了一个奇怪的问题，我再html中使用script全局引入了一个js文件，但是在组件中使用window.xxx的时候却报错了，说没有这个方法，在本地几次测试都是好的。 报错前相关版本： "@vitejs/plugin-vue-jsx": "^2.0.0", "@vitejs/p ......
vue import 调用方法 Import是javascript中的一种模块加载方式，在Vue中也可以使用import来加载组件、库或其他模块。使用import语句，可以将需要的模块导入到当前模块的作用域中，以使其可用于当前模块内的执行。
vue import 调用方法 Import是javascript中的一种模块加载方式，在Vue中也可以使用import来加载组件、库或其他模块。使用import语句，可以将需要的模块导入到当前模块的作用域中，以使其可用于当前模块内的执行。 原文链接：https://www.yzktw.com.cn ......
web后端有前途吗
1、后端工程师有前途吗? 2、后端和前端哪个前景好 3、后端的就业前景怎么样? 4、web前端与后端工资对比是怎样的?哪个发展前景比较好? 5、web前端好找工作还是后端好找工作,本人自学2个月前端了和后端了。现 后端工程师有前途吗? 发展前景不错，可以做模块工程师和顶层工程师，模块工程师成长为这个 ......
Web编辑器可以如何直接复制word的图文内容到编辑器中?
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
vue3 + ElementPlus 封装函数式弹窗组件
> 需求场景：弹窗组件需要支持自定义的插槽内容，删除的弹窗也要使用这个组件，只是样式不一样而已，希望在父组件使用删除弹窗的时候直接调用某个方法就可以显示弹窗 ### 组件模拟 `cuDialog` 假设我的弹窗组件有以下的props和事件 + dialogVisible：控制弹窗显示和隐藏 + ti ......
H5简单搭页面布局
效果图 简单总结下 header：头部块标签 section：中间快标签 footer：底部块标签 nav：通常在section下左边 main：通常在section下中间部分（ie不兼容） aside：通常在section下右边 article：表示独立部分和上下文无关通常在main部分 具体的结 ......
使用 Vue 实现页面访问拦截
在现代的 Web 应用程序中，页面访问拦截是非常重要的一个方面。它可以用于确保用户只能访问他们有权限的页面，提高应用程序的安全性和用户体验。本篇博文将介绍如何使用 Vue 框架来实现页面访问拦截的功能。 ......
uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app
1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
vue sortablejs elementplus的虚拟表格进行列拖动问题
遇到的问题是，在对列进行拖动之后，data数据交换成功，但是列名称没有交换；如果使用Table 表格就不会有这种问题； 初始页面如下： 拖动列交换之后如下： 数据列已经交换了，但是表头没有交换； 解决方法如下： 初始化代码如下： <template> <el-table-v2 :columns="c ......
vue-element-admin的安装以及安装报错处理
一、vue-element-admin git地址 https://github.com/PanJiaChen/vue-element-admin 二、分支 master：主分支，（纯英文） il8n：中英文切换分支 三、npm install 安装报错原因： tui-editor 已更新，故造成错 ......
Vue3+ElementPlus，Module parse failed: Unexpected token (3:27)
一、环境 vue3，ElementPlus，@vue/cli 5.0.8，npm 9.6.7。 我在复制element plus官网的一些代码到vue3框架里测试时出现的问题。 二、不报错方法 图片位置删除lang=“ts”就不报错了 ......
Vue3+ElementPlus，Cannot read properties of null (reading 'isCE')
一、环境 vue3，ElementPlus，@vue/cli 5.0.8，npm 9.6.7。 二、报错内容 在vue3框架，views文件夹下的AboutView.vue文件里，执行<el-button>Default</el-button>语句就会报错如下： Uncaught runtime e ......
SpringBoot3之Web编程
> 标签：Rest.拦截器.swagger.测试; # 一、简介 基于`web`包的依赖，SpringBoot可以快速启动一个`web`容器，简化项目的开发； 在`web`开发中又涉及如下几个功能点： **拦截器**：可以让接口被访问之前，将请求拦截到，通过对请求的识别和校验，判断请求是否允许通过； ......
基于Abo.io 的书籍管理Web应用程序
更换Mysql数据库 基于Abo.io 的书籍管理Web应用程序 之前公司一直使用的是ASP.NET Boilerplate (ABP)，但是当解决方案变得很大时，项目启动就变得非常慢，虽然也想了一些办法，将一些基础模块做成Nuget包的形式，让整个解决方案去引用。但是整个项目还是很臃肿，各个项目之 ......
vue--day61---todolist的MyItem.vue 或者Mylist.vue 实现动画
1. MyItem.vue <template> <transition name="todo" appear> <li> <label> <input type="checkbox" :checked="todo.done" @click="handlerCheck(todo.id)"/> <sp ......
vue3时间转换插件-Moment.js的使用
vue3时间转换插件-Moment.js的使用 一.组件官网moment.js时间转换插件http://momentjs.cn/Moment Timezone 时区处理类库http://momentjs.cn/timezone/二.vue项目中使用我这里使用的是vue3的写法 npm install ......
abp-vnext-pro 实战（六，vue 前端状态pinia）
在login的时候把所有写入全局store， console.log(' 从数据库获取字典 '); const appStore = useAppStore(); const dataDictionaryServiceProxy = new DataDictionaryServiceProxy(); ......
vue--day59---集成第三方动画
1. 加载 第三方动画 npm install aninate.css 2. App.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <transition-group appear name="animat ......
vue--day58---多个元素过度
1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
vue--day57---过度效果实现动画
1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
Vue（十三）：条件渲染
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- 条件渲染 ......
Vue接入谷歌广告(Google Adsense)
### 1.注册账户 首先你要拥有一个google账号，[点击注册谷歌账号](https://support.google.com/accounts/answer/27441?hl=zh-Hans)，点击个人账号根据提示一步一步来即可注册成功。（当然你需要魔法才可以正常访问谷歌服务） ### 2.补 ......
Template String Converter 无法作用在 vue、html 解决方案
在 vscode 插件安装地址中找到该插件，默认位置：C:\Users\你的用户名\.vscode\extensions\meganrogge.template-string-converter-0.6.1 该目录下有一个 package.json 文件，打开该文件，编辑里面的 activation ......