vue
没错就是我哎呀
一枚很菜的女程序猿
展开
-
网口称——websocket获取硬件设备的数据
vue实现网口设备数据传输原创 2024-04-23 15:23:18 · 90 阅读 · 0 评论 -
https想访问本地部署的http://localhost接口
网址是https的,想访问java本地启的一个程序接口http://localhost:8089。原创 2023-11-21 16:08:48 · 463 阅读 · 0 评论 -
webAPI serial——串口连称
webAPI serial——串口连称。原创 2023-11-21 10:13:45 · 314 阅读 · 0 评论 -
excel前端导出表格 vue
【代码】excel前端导出表格 vue。原创 2023-03-17 17:28:29 · 227 阅读 · 0 评论 -
3D地图+vue3
【代码】3D地图+vue3。原创 2023-02-24 13:51:52 · 179 阅读 · 0 评论 -
百度地图 vue3 +ts
【代码】百度地图 vue3 +ts。原创 2023-02-22 16:43:33 · 143 阅读 · 0 评论 -
wifi打印机打印(二维码,条形码等)uniapp
【代码】wifi打印机打印(二维码,条形码等)原创 2023-01-16 16:41:24 · 3238 阅读 · 16 评论 -
vue打印插件接入
使用vue-print-nb实现打印本页面的数据原创 2022-12-29 16:19:29 · 124 阅读 · 0 评论 -
lodop+vue实现无感打印 (标签机打印标签)
vue实现静默打印标签功能原创 2022-12-29 16:15:25 · 1337 阅读 · 0 评论 -
web serial API 连接多个串口实现
vue连接串口读取数据(称等串口硬件设备)原创 2022-12-29 16:00:47 · 1198 阅读 · 0 评论 -
uni-app uni.request封装,接口配置,全局配置,接口调用的封装
参考文章1、common.js(uni.request封装)const website = require("./webSite.js");export const getToken = () => { return uni.getStorageSync("token")}export const globalRequest = (url, method, data, type, power) => { let headers = { 'Authorization':原创 2021-10-22 15:48:41 · 1501 阅读 · 0 评论 -
域名下二级三级部署 静态文件地址配置(publicPath) 根目录地址配置(base) vue
如:www.text.com/aa配置pc显示项目,配置后台管理项目接口地址:www.text.com/aa/apinuxt 配置(www.text.com/aa配置pc显示项目)nuxt.config.jsexport default { router: { base: '/aa/' }, }baseURL 配置import axios from 'axios'axios.defaults.headers['X-Requested-With'] = 'XMLHtt原创 2021-07-08 14:22:56 · 1352 阅读 · 0 评论 -
v-for (变量名使用变量) v-for与computed一起使用 配套百度地图
v-for代码currentPaths与currentEdit是变量获取的currentPaths换成this[this.typeList[this.type - 1]].paths不好使,后来就想到了computed,不知道是格式不对,还是就是不支持,知道的朋友请留言赐教,谢谢。<bm-polygon :path="path" v-for="path of currentPaths" :key="path" stroke-color="#e1eae8" fill-原创 2021-06-23 10:33:46 · 1047 阅读 · 0 评论 -
elementui 搜索统计列表页
列表点击设置时间区间多条件搜索(下拉列表,输入框,时间区间)清空搜索条件分页左侧树搜索条件树默认选中第一个<template> <el-row style="padding: 0 !important"> <el-col :span="5"> <dtLine @line-click="lineClick" :deptTree="tree"></dtLine> </el-col> .原创 2021-04-02 16:30:22 · 996 阅读 · 0 评论 -
默认选中tree中的第一个元素 elementui
主要代码:node-key="id":current-node-key="defaultId"完整代码:<template> <div class="dt-line"> <el-scrollbar> <basic-container> <el-card class="box-card"> <div slot="header" class="clearfix">原创 2021-04-02 11:42:19 · 1506 阅读 · 0 评论 -
v-charts 导出图片
1、toolbox导出图片vue文件<ve-line :data="chartData" width="100%" id="charts" :extend="chartExtend" :colors="colors" ></ve-line>js文件如果某属性加上去之后没有生效,很可能是没有引入相应的模块,模块的位置echarts/lib/component//按需引入,import VeLine from "v-charts/lib/li原创 2021-04-02 11:31:17 · 439 阅读 · 0 评论 -
v-charts使用,报错找不到 echarts/lib/visual/dataColor
原因是v-charts里面的echarts-liquidfill的版本是2.0.2;echarts里面的echarts-liquidfill版本是2.0.6;解决办法:npm i v-charts [email protected] -S下面是v-charts的具体使用安装npm i v-charts [email protected] -S引用这里可以按需引入,也可以完整引入(目前是引用的折线图)import VeLine from "v-charts/lib/line.common";原创 2021-04-02 09:28:05 · 3208 阅读 · 2 评论 -
es6常用记录
ES6 常用函数ES6 foreach使用var myArray=[ {id:1,name:"a"}, {id:2,name:"b"}, {id:3,name:"c"}, {id:4,name:"d"}, ];myArray.forEach((i,n)=>{ console.log(i,n); })ES6 map使用let obj = [ { name: "小明", age: 16, sex: "男" }, { name: "小红", a原创 2021-03-26 16:03:07 · 121 阅读 · 0 评论 -
element ui 返回顶部不生效问题
父元素滚动<template> <div class="content"> <div class="backtop"> <ul> <li>xjais1</li> <li>xjais2</li> <li>xjais3</li> <li>xjais4</li&原创 2021-03-26 10:04:24 · 552 阅读 · 0 评论 -
avue常用组件记录
列表 https://www.bookstack.cn/read/avue-2.x/e3d6c69369fd5625.md筛选https://www.bookstack.cn/read/avue-2.x/c0fdfde7e796c306.md导出https://www.bookstack.cn/read/avue-2.x/89eee332ae3bf96b.md导入后台导入数据库,返回list前台展示轮播https://element.eleme.cn/#/zh-CN/compon原创 2021-03-25 17:24:41 · 757 阅读 · 1 评论 -
vue-cli4+vue2.6.11
1、创建项目vue create 项目名创建后自动生成node-modules,后期如果与需要的不一致,可以重新安装2、目录结构srcassets(资源)cssimagescomponents(组件)common(公共组件,可以抽离到别的项目的组件)content(当前业务相关的公共组件)views(视图)network(网络相关的文件夹)router(路由vue-router)store(vuex)common(公共js文件)3、css初始化no原创 2021-03-22 08:36:39 · 1020 阅读 · 0 评论 -
文本上下无缝滚动 vue
html<div class="center-right-clockIn"> <label class="clockIn-title">人员打卡记录</label> <div class="clockIn-header"> <ul> <li>姓名</li> <li>单位</li> <li>时间</li> <原创 2020-10-30 15:50:39 · 239 阅读 · 0 评论 -
前端常见错误笔记
鼠标滑动时,图标和文字一起变色问题描述:当鼠标滑动的时候,图标和文字一起变色.cart a:hover i,.cart a:hover{ color: #ff6700;}原创 2020-09-04 10:56:20 · 84 阅读 · 0 评论 -
vue——发布到服务器
NGINX+window在项目里输入npm run build进行打包,得到dist文件夹将打包出来的dist文件夹放入NGINX中的HTML中(第一种,不推荐)在NGINX下的conf中的conf文件中server中配置项目(可以配置多个项目,推荐使用)...原创 2020-09-02 08:59:43 · 214 阅读 · 0 评论 -
vue——事件总线($bus)
问题描述:商品加载更多的时候,不刷新,是因为better-scroll中this.scrollerHeight刷新的时候,图片没有加载完,导致scrollerHeight的高度不是加载后的高度,解决办法是用事件总线$bus$bus使用main.js中加入Vue.prototype.$bus = new Vue()图片处添加<img :src="goodItem.image" alt="" @load="imageLoad">methods:{ imageLoad(){ t原创 2020-08-28 11:14:54 · 372 阅读 · 0 评论 -
vue——better-scroll(滚动组件以及回到顶部组件)
滚动组件以及回到顶部组件封装步骤:安装依赖cnpm install better-scroll --save封装Scroller组件//当变量是对象或者数组的时候,默认值是方法data() { return { scroller: { type: Object, default() { return {}; }, }, };}, //接收父组件来的值 props: { probeType: { t原创 2020-08-26 15:54:23 · 1722 阅读 · 2 评论 -
vue——vuex
npm安装cnpm install vuex --save使用vuexstate、getters、mutationsnew Vuex.Store注意new的是Vuex下的Store,并且首字母大写引用export default的文件,用import Vuex from ‘vuex’;引用export的文件,用import {INCREMENT} from './mutations.types’Vue.set(state.info,‘address’,‘洛杉矶’)——修改元素中的字段,实现原创 2020-08-19 17:03:14 · 120 阅读 · 0 评论 -
vue——axios
安装axios安装后可以在项目中任意地方引用cnpm install axios --save使用(简单示例)//引用axiosimport axios from 'axios'//使用axios({ url:'http://地址/home/multidata'}).then(res => { console.log(res);})原创 2020-08-13 14:06:01 · 100 阅读 · 0 评论 -
vue——父组件和子组件之间的数据传递(props写法与$emit event)($children与$refs)($parent与$root)
数组形式对象形式(类型限制)提供默认值,必传项类型为对象或者数组的时候,默认值必须是一个函数原创 2020-08-08 12:09:22 · 424 阅读 · 0 评论 -
vue——table
知识点显示table数据id列,直接是type=“index”<el-table-column type="index" width="50"></el-table-column>过滤器<el-table-column label="价格"> <template slot-scope="scope"> <span>{{scope.row.price | showPrice}}</span> &原创 2020-08-06 16:43:55 · 567 阅读 · 0 评论 -
vue——v-on
函数v-on 缩写@当abc()没有传参数的时候,可以简写成abcacb(name)当acb(name)方法需要传参数时,1、没有传的时候abc(),name是undefined 2、直接写abc时,name返回当前事件even内容结果:abc(name,event)写aa时,name是undefined,event是undefined;写aa,name是当前的event对象,event是undefined;aa(‘aa’),name是aa,event是undefined;a原创 2020-08-05 16:36:37 · 111 阅读 · 0 评论 -
vue——示例1(实现ul点击文字变色,默认第一个li文字变色)
template<template> <div> <h2>示例1</h2> <ul> <li v-for="(po,index) in posts" :key="po.id" :class="{active:po.active}" @click="liClick(po,index)">{{po.title}}</li> </ul> </div><原创 2020-08-02 12:27:53 · 1672 阅读 · 1 评论 -
vue随记
计算属性计算属性缓存 vs 方法我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。计算属性 vs 侦听属性Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。当你有一些数据需要随着其它数据变动原创 2020-07-30 13:52:30 · 118 阅读 · 0 评论 -
vue安装入坑,成功将自己解救出来
安装在C盘好使,别的盘就总报‘vue不是内部文件’(cmd进入的文件夹不对)环境变量配置不对(配置系统变量,加一个NODE_PATH,编辑path)想安装到别的盘,一定要修改npm的本地仓库(这个很重要!!!)vue安装总结1、node安装下载node,安装在E盘(一直确定就可以)检查是否安装成功(node -v,npm -v)2、本地仓库修改和查看查看npm的本地仓库: npm list –global在要修改过去的盘,添加node_global和node_cache两.原创 2020-07-28 14:47:25 · 758 阅读 · 0 评论