Mr_wuying的博客_vue

vue知识点————$nextTick

在项目中我们要跟后端请求数据，拿到数据处理后渲染DOM，然后可能根据业务需求，要求对DOM节点进行一些操作或者，或者

vue.js

前端

javascript

数据

业务需求

原创 2023-10-03 09:10:05 101 阅读

vue知识点————插槽 slot

父组件< template > < div id = " app " > < child url = " https://www.baidu.com " v-slot = " slotProp " > 百度---{{ user.name }}地址为{{ slotProp.url }} < script > import child from "./components/child.vue";

vue.js

dubbo

前端

插槽

数据

原创 2023-09-29 21:58:54 148 阅读

vue 知识点———— data为什么是个函数

【代码】vue 知识点———— data为什么是个函数。

vue.js

前端

javascript

数据

App

原创 2023-09-29 21:58:44 94 阅读

Electron 两个线程

Electron：它允许使用最初为Web应用程序开发的前端和后端组件开发桌面GUI应用程序：后端的Node.js运行时和前端线程Electron使用Chromium在称为渲染过程的独立过程中显示网页。这个线程处理/src文件夹中的UI代码。在这里你将无法使用Node.js的强大功能，但预加载脚本将允

electron

javascript

前端

渲染器

预加载

原创 2023-09-29 21:58:37 220 阅读

vue 知识点———— 生命周期

Vue实例从创建到销毁的过程，叫生命周期。从开始创建、初始化数据、编译模版、挂载Dom-渲染、更新-渲染、销毁等过程。

vue.js

前端

javascript

数据

初始化

原创 2023-09-29 21:58:27 85 阅读

element table设置某列背景颜色

这里的返回值是四个文档中有写到{row, column, rowIndex, columnIndex}**columnIndex 是列 rowIndex 是行 **这里根据判断第几列设置颜色。自己可以打印看一下返回的值。

css

html

前端

改变颜色

背景颜色

原创 2023-04-29 07:10:30 1916 阅读

＜router-link＞ - did you register the component correctly? For recursive comp

vue 项目中添加了route 发现配置文件搞好后路由的。

vue.js

javascript

前端

配置文件

Vue

原创 2023-04-29 07:10:04 139 阅读

vue使用scss 报错 Failed to resolve loader: sass-loader You may need to install it.

两个都运行完成后再运行项目没有报错的话就可以用了。

vue.js

scss

sass

原创 2023-04-29 05:59:10 1250 阅读

vue使用element的布局发现没有撑满全屏

注意要是样式写在style里要覆盖element的样式不可以在style上添加。这么写的话是覆盖不住

vue.js

javascript

前端

原创 2023-04-29 05:59:07 993 阅读

vue中用echarts 报Cannot read properties of undefined (reading ‘init‘)

最好官网的引用不是这样的应该改成下面就会好了。在main.js引用的是。

echarts

vue.js

javascript

Vue

官网

原创 2023-04-29 05:59:01 779 阅读

element table 文字居中改变表头背景颜色

这里有个现象当表格内容都居中表头会自动居中。并且这里还可以改变table 表头的样式。

html

css

前端

原创 2023-04-29 00:44:01 518 阅读

vue2 中 Cannot find name ‘activeIndex‘.ts(2304)

发现个小问题不影响页面，但是在编辑器中一直有红线标注很不舒服，找了半天原因找到了，因为我在vue2中没有用ts，这个问题找弄了很久才发现。在这里找到vue3 并且把他关闭后了，重新加载后页面代码显示就正常了。发现是vscode编辑器中的扩展导致的。

vscode

ide

编辑器

加载

原创 2023-04-29 00:43:58 319 阅读

element 设置table 隔行样式

【代码】element 设置table 隔行样式。

html

css

前端

隔行变色

原创 2023-04-29 00:43:53 360 阅读

vue中用到element的弹框做echarts 的展示报错Error in v-on handler: “Error: Initialize failed: invalid dom.“

所以要在 this.$nextTick 里面写echarts 展示的功能去获取dom节点。点击按钮的时候我要弹框显示出来并且 echarts图标展示出来。这里翻译出来就是找不到对应的有效dom。

echarts

vue.js

javascript

原创 2023-04-29 00:43:50 1087 阅读

vue 在固定区域内拖拽

<template> <div id='pondModel'> <span v-for='(item,index) in 6' :key='index' @mousedown="move" ></span> </div><template>methods: { move(e){ let odiv = e.target let disX =e.clientX - odiv.offsetLe

小程序

微信小程序

前端

sed

临界值

原创 2022-03-29 16:21:44 956 阅读

js数组对象排序

var compare = function (prop) { return function (obj1, obj2) { var val1 = obj1[prop]; var val2 = obj2[prop]; if (!isNaN(Number(val1)) && !isNaN(Number(val2))) { val1 = Number(val1); val2 = Number(

小程序

前端

微信小程序

数组排序

数据排序

原创 2022-03-29 16:21:43 283 阅读

svg 根据鼠标滑动画曲线

借鉴添加链接描述dome 展示

前端

javascript

原创 2022-03-23 15:01:01 722 阅读

vue 分环境打包配置

在config下新建 test.env.js 文件在prod.env.js 文件中改成// 改成你的环境域名就行正式和测试的'use strict'const target = process.env.npm_lifecycle_event;if (target == 'test') { //测试 var obj = { NODE_ENV: '"produc...

vue 分环境打包配置

测试环境

服务器

json

Java

原创 2022-01-10 14:05:09 1343 阅读

vue数据更新dom没渲染

在更新数据代码后面写上this.$forceUpdate();或者用watch监听sukList是你data中的数据字段监听到数据更新重新赋值watch: { sukList(newVaule,oddVaule){ this.sukList=newVaule } }...

vue数据更新dom没渲染

赋值

数据

字段

Java

原创 2022-01-10 13:58:57 1927 阅读

vue 请求代理做跨域解决

vue的项目我们后台的接口有的时候回出现跨域这时候vue 可以做代理在config文件下的index.js文件里找到proxyTable 一开始是proxyTable:{} 空的改成下面的dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable...

vue 请求代理做跨域解决

跨域

跨域问题

ajax

Java

原创 2022-01-10 13:58:57 1557 阅读

vue数据请求并封装方法加代理

先npm install axiosnpm install axios我自己分装了请求方法所以单独的建了一个文件创建了utils文件夹在里面新建了 request.js文件request.js文件import axios from 'axios';import VueCookies from 'vue-cookies';//这是cookies的npm 根据自己的需求这个可以忽略...

vue数据请求并封装方法加代理

ios

ajax

数据

Java

原创 2022-01-10 13:58:56 224 阅读

vue获取链接后参数

在router中设置参数 { path: '/t:accid', name: 't', component: resolve => require(['@/components/roomitem'], resolve), //直播间 },accid 就是你要的参数多个参数后面直接加：冒号跟参数名称跳转的时候给参数结合上面的设置<...

vue获取链接参数

跳转页面

刷新页面

获取参数

Java

原创 2022-01-10 13:58:56 925 阅读

vue打包项目本地图片有个别图片未显示出来

vue打包会自动把图片转换成base64 这样的图片会显示正常如果没有显示正常说明图片路径有问题这里说的是图片路径没问题却有个别图片没有显示那是因为本地的个别图片没有转换成base64 如果是请求的网路图片是不会转换的请求网络图片都会显示正常因为打包的时候图片太大不会转换base64 因为会加大负担这里如果是本地图片不正常就要改变webpack 打包的文件代码build 文件中的webpack.base.conf.js 文件module: { rules:

vue

图片转换

本地图片

网络图片

Java

原创 2022-01-10 13:58:55 2185 阅读

vue 动态改变图片图片存在本地的

在项目中要改变一个背景图片或者icon 因为存在了本地项目中直接改变路径发现图片没有显示出来所有要改变引用方法，如果是从服务器直接拿到的图片路径直接赋值给img的src中就行<img :src='img' />data(){ return:{ img:require("@/assets/shopNoIcon_b.png"), //收藏icon }}//改变的时候...

vue 动态改变图片图片存在本地的

ico

服务器

赋值

Java

原创 2022-01-10 13:58:55 896 阅读

vue滚动条滚动到底部触发事件

//获取节点 const scrollDiv = this.$refs.mypklogList //vue的写法 mypklogList是表现中 ref=“mypklogList” const scrollDiv=document.getElementById(‘id’) //js的写法上面的和这个选择一个 const offsetHeight = scro...

滚动条滚到底部加载

绑定事件

Java

原创 2022-01-10 13:58:55 2733 阅读

vue项目配置favicon图标

大家每次看到的网站都有一个小的logo这是favicon图标在vue中我们先要安装插件npm i --save-dev html-webpack-plugin安装完成后我们要在配置文件中配置一下前提是有ico格式的图片我图片是放在了外面同级这是我们要配置一下开发环境路径是根据我放图片的位置写的后面就是配置生产环境也是一样的打包生成的文件图片因为我放在了最外层所有生成出来会和index同级这时部署完项目就OK了...

vue.js

ico

生产环境

安装插件

Java

原创 2022-01-10 13:54:58 771 阅读

vue 改变div的滚动条位置

在vue里要改变div的滚动条<ul ref="ulScroll1"></ul>this.$refs.ulScroll1.scrollLeft=15 //距离左横滚动条this.$refs.ulScroll1.scrolltop=15 //距离右竖滚动条这里会出现一个问题是我们的数据是动态获取的这里设置了滚动条会没有任何变化那是因为数据会没有渲染出来滚动条还未出现解决的办法就是在请求完数据后做一个定时器延迟一下滚动条的设置 100

vue

数据

Java

原创 2022-01-10 13:54:58 2796 阅读

vue打包引用文件路径不对以及修改打包文件名

vue打包会自动生成这是部署到服务器上的文件但是你会发现项目打开是空白的那是因为index.html文件中引用的路径不对这是你要手动改index页面中所有引用路径在 /static前加上 . 改成./static但是手动改比较麻烦每次打包都要改这时你要改一下webpack打包文件**config 文件下的index文件中 assetsPublicPath: ‘/’, 这改成assetsPublicPath: ‘./’,**就可以了每次打包路径就会正常index: ’

js

html

自动生成

文件名

Java

原创 2022-01-10 13:54:57 2709 阅读

vue 获取上传图片的宽高

<input type="file"@change='filePush1()' ref='fileImg'/>filePush1(){ this.$refs.fileImg[0].naturalHeight //图片实际高度 this.$refs.fileImg[0].naturalWidth //图片实际宽度}

vue

html

Java

原创 2022-01-10 13:54:57 2224 阅读

vue $refs 动态拼接获取值

div是循环所以img 的ref是动态设置的要获取对应点击的 <div class="unionLiveDiv" v-for="(item,index) in cityLivelist" :key='index' > <div class="unionLiveImg"> <input type="file" v-if='item.redact' @change='filePush1(cityLivelist,index,"img"+i

vue

对应点

Java

原创 2022-01-10 13:54:56 2510 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Mr_wuying的博客

vue知识点————$nextTick

vue知识点————插槽 slot

vue 知识点———— data为什么是个函数

Electron 两个线程

vue 知识点———— 生命周期

element table设置某列背景颜色

＜router-link＞ - did you register the component correctly? For recursive comp

vue使用scss 报错 Failed to resolve loader: sass-loader You may need to install it.

vue使用element的布局发现没有撑满全屏

vue中用echarts 报Cannot read properties of undefined (reading ‘init‘)

element table 文字居中改变表头背景颜色

vue2 中 Cannot find name ‘activeIndex‘.ts(2304)

element 设置table 隔行样式

vue中用到element的弹框做echarts 的展示报错Error in v-on handler: “Error: Initialize failed: invalid dom.“

vue 在固定区域内拖拽

js数组对象排序

svg 根据鼠标滑动画曲线

vue 分环境打包配置

vue数据更新dom没渲染

vue 请求代理做跨域解决

vue数据请求并封装方法加代理

vue获取链接后参数

vue打包项目本地图片有个别图片未显示出来

vue 动态改变图片图片存在本地的

vue滚动条滚动到底部触发事件

vue项目配置favicon图标

vue 改变div的滚动条位置

vue打包引用文件路径不对以及修改打包文件名

vue 获取上传图片的宽高

vue $refs 动态拼接获取值

欢迎