前端 终端 实战vue
vue-day32--一个重要的内置关系
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>一个重要的 ......
overflow溢出属性、定位、前端基础之JavaScript简称js
### overflow溢出属性 ```python # 人生中有些事情早晚都要做 # 早就是优势 ● overflow （水平和垂直均设置） ● overflow-x（设置水平方向） ● overflow-y（设置垂直方向） ``` 相关图片： 放在import store form "../store"之前并不会生效， 因为执行的时候会扫描整个文件，把import都放置在一起先执行，所以单纯的移动位置没有 ......
4-7-vue框架-第三方ui组件elementui-el-select组件change事件获取label的值
Element的el-select组件change事件获取label的值 在如下el-select组件的代码中，要想在change事件时获取label的值。 ``` ``` # 方法1：修改:value的值 我们可以修改:value的值为"{value:item.opinionId,label:it ......
记录--Vue 2和Vue 3：谁将成为前端界的披萨与汉堡之争？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端开发的世界里，Vue.js一直是一个备受追捧的框架。随着Vue 3的发布，开发者们开始热烈讨论它与Vue 2之间的差异和优势。就像披萨和汉堡一样，这两个版本都有自己独特的特点和追随者。那么，Vue 2和Vue 3到底谁才能在前端界赢 ......
vue3 登录添加图形验证码
### 1. 新增组件 `IdentifyCode.vue` ，使用canvas绘制验证码内容： ``` ``` ### 2. 引入组件并使用： ``` 用户登录 登录 ``` ``` import IdentifyCode from "@/components/IdentifyCode.vue"; ......
前端（JavaScript）
JavaScript 一个完整的 JavaScript 实现是由以下 3 个不同部分组成的： 核心（ECMAScript） >基础语法 >必须要会的 文档对象模型（DOM） Document object model (整合js，css，html) >重要 浏览器对象模型（BOM） Broswer ......
蛇形印刷天线设计实战
蛇形天线相信大部分朋友看到的最为广泛一种天线结构，主要赢用在蓝牙、wifi、zigbee等领域。 之前有很多朋友问过我蛇形天线如何设计，比如：蛇形天线的弯折有没有什么讲究，弯折多少次合适等，其实，如果朋友们有这样的疑问，那就说明大家对蛇形天线的认识进入了一个误区，为什么这么说，因为蛇形天线本身并没有 ......
倒F印刷天线设计与实战
学天线的初期需要掌握至少一款电磁仿真软件，比如HFSS，CST，ADS等，个人建议学习HFSS，因为网络容易找到一些教程，有利于自己的学习和提升。 废话不多说，先来讲一讲倒F天线的原理，设计一款天线，首先要明确基本的设计指标，也就是期望的工作频段，因为工作频段直接决定了天线的尺寸。如果是印刷天线，还 ......
Vue2系列教程——计算属性 computed
Vue2 计算属性 computed <template> <span>{{fullName}}</span> </template> <script> data: { firstName: '张', lastName: '三' }, computed: { fullName: { // get有什 ......
关于thinkphp +vue index部署宝塔，遇到的问题和解决方案
1、 首先打开宝塔面板里的文件，把thinkphp打包成压缩文件，上传自己新建的目录下，并双击解压（如图 一） 图一 2、win+R cmd进入到vue-element-admin项目的根目录下，执行打包命令（npm run build:prod），打包完成之后根目录下会多出一个dist文件（如图二 ......
关于vue组件定义一些新手问题
本人新手如有说错,请大佬指教谢谢 问题描述 因框架选择问题,父组件调用dialog时外层dialog显示为true,而我的内部dialog在初始化时候会显示为true,而这样就会导致我的内部dialog关闭时,内部为false然后导致回到父组件时在进入内部dialog时没有初始化就会不显示内部dia ......
vue2教程系列第十节-v-for指令
v-for指令，即列表渲染 在数据项里，我们首先定义一个列表数组： list: ["apple", "pear", "banana"] 在页面上我想把这几个水果名展示在li里面，如何做呢？我们可以这样做，利用v-for指令： <ul> <li v-for="item in list">{{ item ......
vue绘制思维导图
## 前言 在做web的思维导图功能时，搜索了一些开源项目，在这里整理记录一下 ## 正文 ### vue-power-tree > **vue3** > github: [https://github.com/yj-liuzepeng/vue-power-tree](https://github. ......
Vue项目常见问题处理
开发环境推荐使用node 14版本，可以尽可能的减少版本兼容导致的问题。 安装依赖包报错 大部分安装依赖包错误是编译环境不完整引起的（例如：gyp相关错误），请确保编译环境安装完整（以管理员身份运行cmd）： npm install --global --production --verbose w ......
Vue+springboot集成PageOffice实现在线编辑Word、excel文档
# 说明： PageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等 # 一、环境要求 前端Vue项目：Nod ......
成都站｜阿里云 Serverless 技术实战营邀你来玩！
 > 主要研究：{{这里可以写什么}} 1. 在 data 中 ......
【Vue】vue获取dom元素
vue中准确的拿到那个元素用ref,ref是绑定给子组件 <普通元素也可以绑定ref> ref如果是绑定在组件中的，那么通过 this.$refs.ref 的name获取到的是一个组件对象ref如果是绑定在普通的元素中的，那么通过 this.$refs.ref 的name获取到的是一个元素对象 ht ......
vue-element-admin改为从后台拿动态指令权限（按钮）- 下
改为从后台拿动态指令权限，大概如下步骤： 1、后台修改接口返回 指令权限 数据 2、修改 src/store/modules/permission.js 修改 generateRoutes，添加保存 指令权限 3、修改验证指令去权限方法（checkPermission: src/utils/perm ......
关于vue3使用setup语法糖获取不到组件实例内部的变量
// 子组件 <template> <div>{{count}}</div> <template <script setup> import { ref } from 'vue' const count = ref(0) </script> // 父组件 <template> <div> <Chil ......
vue生成二维码以及获取当前的地址url
<template> <div class="hello"> <h2>二维码</h2> <canvas ref="qrCodeCanvas"></canvas> <div>{{url}}</div> </div> </template> <script> import QRCode from 'qr ......
virtualBox虚拟机添加快捷键打开终端和右键打开终端
debian版本:11.2英文版 1. 添加快捷键打开终端参考: https://www.cnblogs.com/APeng2019/p/10719359.html 1)右键 -> Display Settings -> Keyboard Shortcuts 2)右边列表拉到最下面, 单击那个 "+ ......
html5页面中使用vue组件DEMO
资源下载 npm http-vue-loader：https://www.npmjs.com/package/http-vue-loader http-vue-loader.js下载 普通html5使用vue组件 1、页面引入相关JS文件 2、创建 components组件 3、主页面创建vue实例 ......
58.请使用vue3+vite+typescript+element-plus+setup语法糖，使用xlsx和file-saver实现保存excel功能。我的el-table表有分页数据。导出的excel中要包含所有分页中的数据
1 <template> 2 <div> 3 <el-table 4 :data="mergedTableData" 5 border 6 stripe 7 > 8 <!-- 表头 --> 9 <el-table-column 10 prop="date" 11 label="Date" 12 >< ......
Vue利用element ui分栏，并将threejs插入到main
[TOC] Vue利用element ui分栏，并将threejs插入到main(主要内容区) #### 1.在node.js官网下载 ![image-20230720094531636](https://img2023.cnblogs.com/blog/3233988/202307/3233988 ......
win nginx 用include管理多个配置文件,如部署多个web前端程序 配置host域名访问
当要部署多个web程序时，先将web程序分文件夹到html, 1 在conf目录下新建conf-test/test_web.conf 内容为： server { listen 80; server_name webone.com; location / { root html/web1; index ......
vue 学习 day4
VUE 相关的指令： v-html 插入原始的 html const raw_html = "<h1>Hello world</h1> <p v-html="raw_html"></p> <!-- 标签不能再有孩子节点， 有的话会报错 --> v-bind 缩写是 ":" 绑定属性值 demo co ......