devtools浏览器edge vue
27-Vue脚手架-ref属性
ref 属性 ref 被用来给元素或子组件注册引用信息（id的代替者） 1）应用在 html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象vc（VueComponent） 2）使用方式 打标识：<h1 ref="xxx"></h1> 或 <School ref=''xxx'></ ......
解决vue单页面程序经过hbuilder打包成apk后物理按键会直接退出程序的问题
解决方法是在项目 index.html文件中写入 <script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventLi ......
vue 组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 ......
[Vue]el和data的两种写法
1.el有2种写法(1).new Vue时候配置el属性。(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。 // el 的两种写法 const vm = new Vue({ el: '#root', // 第一种写法 data: { name: '模板' } } ......
记一次 Edge 及谷歌 Chrome 浏览器兼容性冲突的解决
目录记一次 Edge 及谷歌 Chrome 浏览器兼容性冲突的解决浏览器兼容性冲突症状解决方法1. 把本机和远程的 8235 和 8237 端口屏蔽，包括 TCP 和 UDP 端口2. 在 WinPE 系统下彻底删除程序文件 记一次 Edge 及谷歌 Chrome 浏览器兼容性冲突的解决 本来只是帮 ......
颜色选择盘插件--- vue-color （sketch）
安装依赖 cnpm install vue-color 代码使用 <w-form-item label="颜色设置" prop="ysbm"> <div class="yssz-box"> <div class="color-outer-box"> <div class="color-box" :s ......
关于Vue的 main.ts ./App.vue报错解决
1.vue项目文件报错 src下的main.ts文件中： import App from ‘ ./App.vue ’提示报错 解决方案 在根目录下找到env.d.ts中加入以下代码段 declare module "*.vue" { import { DefineComponent } from " ......
Vue3(开发前的准备 ，了解VUE项目的项目结构)
前提装好了NODE.JS 1.创建项目 创建项目文件目录 打开控制台找到项目文件目录地址 输入命令：npm init vue@latest 输入vue项目名 选择需要添加的文件完成创建 进入文件控制台输入：cd 文件名 到文件目录下接着控制台输入npm install 也可以cnpm install ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
vue-print打印（含多页打印带表头）
打印功能开发： 1）使用vuePlugsPrint.js 2）main.js 加入：import vuePlugsPrint from '@/utils/vuePlugsPrint' Vue.use(vuePlugsPrint); 3）创建打印模板页面：templatePrint.vue 4）使用页 ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
Vue.js框架：vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt ......
当您在浏览器中输入 URL 时会发生什么？
当您在浏览器中输入 URL 时会发生什么？ Step 1: 用户在浏览器中输入 URL (bytebytego .com) 并按 Enter 键。我们需要做的第一件事是将 URL 转换为 IP 地址。映射通常存储在缓存中，因此浏览器会在多层缓存中查找 IP 地址：浏览器缓存、操作系统缓存、本地缓存和 ......
禁止点击浏览器箭头回退
方法一: 通过监听 popstate popstate的怎么用？ HTML5的新API扩展了window.history，使历史记录点更加开放了。可以存储当前历史记录点pushState、替换当前历史记录点replaceState、监听历史记录点popstate。 pushState、replace ......
【Vue3响应式入门#01】Reactivity
接下来，我们将会用 Vue3 建造响应式的方法，从头开始制造一个响应式引擎，让我们一步一步的来解决这个问题！ ......
记录vue效果之即时编辑表格字段思路
场景:要求单选，多选时候时间变为选择器可修改，但是比如选择了后，时间改了，然后又点了取消，那么就要回到最初的时间去 比如节点二最初为10-01，选了后改成了10-27，然后取消勾选，为10-01的字 解决思路 做一个key-value的数据结构，key为表格行id,value为改的值 <el-tab ......
vue中的for循环中，获取input输入框中的值的方法
1 <p v-for="item in list" :key="item.id"> 2 {{item.topic}}= 3 <!-- <input type="text" v-model="item.id" placeholder="请输入答案" > --> 4 <el-input type="te ......
vue +asp.net core webapi跨域
vue代码： login.vue <template> <div class="login-wrap"> <el-button type="primary" style="width:100%;" @click="doSubmit()">提交</el-button> </div> </templat ......
vue项目运行内存不足 JS stacktrace
因为node配置的环境变量默认是4096，如果vue项目过大，可能就会导致保存的时候，项目死掉。 解决办法： 1、我的电脑右键属性 2、搜索环境变量，点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
1 eage浏览器插件的位置 C:\Users\你的用户名\AppData\Local\Microsoft\Edge\User Data\Default\Extensions 2 把插件安装到其他浏览器 第一种 这些都是插件的文件 ，点开文件夹，下面的文件夹就是插件 打开浏览器的扩展程序，开发者模式 ......
40 vue 应用
这节课主要讲的是 vue 的工作流程，一层层打包，最终在 index.html 执行入口 下面看看就行，总结再单独做一个小结 vue 是一个框架，一层一层规范好了.渐进式？ 前端三件套能做的，vue都可以做到。反之亦然。vue更方便而已，而且框架清晰。 一个vue项目的完整结构 vue-->mian ......
使用 LF Edge eKuiper 将物联网流处理数据写入 Databend
作者：韩山杰 Databend Cloud 研发工程师 https://github.com/hantmac LF Edge eKuiper 是 Golang 实现的轻量级物联网边缘分析、流式处理开源软件，可以运行在各类资源受限的边缘设备上。eKuiper 的主要目标是在边缘端提供一个流媒体软件框架 ......
vue3文件导入导出
导入： // 导入 const importExcel = async (file: any) => { let formData = new FormData(); //声明一个FormDate对象 formData.append("file", file.raw); //把文件信息放入对象中 / ......
vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了
vue2.x <el-table-column label="测试" align="center" prop="ce"> <template slot-scope="scope"> <span>{{scope.row.ce}}</span> </template> vue3.x <el-table- ......
vue 数组 下标/索引 响应式修改
this.data对象中的一个数组属性[3] = "ttt";//修改后，值有时候在模板中能更新（可能第一次是可以的？），有时候不更新 splice实现的等效效果： this.data对象中的一个数组属性.splice(3, 1, "ttt"); $set实现的等效效果： this.set(this ......
vue 动态引入 js 文件
在目录 比如utils/options/ 下面建不同名字的 js，再根据 this.type 变量的值动态引入。（注意 this.type 变量的值要和相对应的 js 文件名一致 onLoad (options) { this.type = options && options.type const ......
vue3.x增加数据功能
具体代码 <template> <el-form :model="form" :rules="rules" ref="ruleFormSSS" label-width="120px"> <el-form-item label="用户姓名" prop="name"> <el-input v-model ......
需求：vue3+swiper+ts实现轮播图（中间主体轮播，左右各显示部分）
一、下载安装swiper 安装：pnpm install swiper 使用你熟悉的方式来安装（yarn npm cnpm） 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css ......
[MAUI]深入了解.NET MAUI Blazor与Vue的混合开发
@目录Vue在混合开发中的特点创建MAUI项目创建Vue应用使用element-ui组件库JavaScript和原生代码的交互传递根组件参数从设备调用Javascript代码从Vue页面调用原生代码读取设备信息项目地址 .NET MAUI结合Vue的混合开发可以使用更加熟悉的Vue的语法代替Blaz ......
[vue]精宏技术部试用期学习笔记 II
精宏技术部试用期学习笔记（vue） router ： vue的模拟路由 前置准备 安装 vue-router pnpm i vue-router@4 //安装版本4的 vue-router 可以在 package.json 文件中查看依赖 "dependencies": { "vue": "^3.3 ......