vue自适应

vue3之fix: [Vue warn]: Write operation failed: computed value is readonly.

透明度{{`${slideVal}%`}}import{useStore}from'vuex';import{computed}from'@vue/reactivity';exportdefault{name
c_reshape·2024-02-20 08:03

VUE复习笔记19（混入）

混入基础混入(mixins)是一种分发vue组件可复用功能中一种特别灵活的方式。混入对象可以包含任意的选项，所有混入对象的选项将被混入该组件本身的选项。
XKolento·2024-02-20 08:36

使用computed___v_isReadonly 与 computed

在Vue3reactive函数出现了target.__v_isReadonly这是什么意思呢？
weixin_39608300·2024-02-20 08:30

VUE 3.0源码之computed

_computed实现计算属性，然后调用recordInstanceBoundEffect记录当前的effect，方便当组件卸载时清除import{computedas_computed}from'@vue
soooyoung·2024-02-20 08:28

Android 屏幕适配方案总结

方案一通过dp加上自适应布局和weight比例布局可以基本解决不同手机上适配的问题，这基本是最原始的Android适配方案。此外，使用相对布局和约束布局我认为会更好的去展
&岁月不待人&·2024-02-20 08:21

Write operation failed: computed value is readonly问题解决

源代码：//封装倒计时逻辑函数import{computed,ref}from'vue'importdayjsfrom'dayjs'exportconstuseCountDown=()=>{//1.响应式数据
Ian1025·2024-02-20 08:47

vuex 是什么？怎么使用？哪种功能场景使用它？

Vuex是Vue.js的状态管理库。它可以用来管理应用程序中的共享状态，并提供了一种集中式的方式来管理状态的变化。
我爱学习yq·2024-02-20 08:11

vuex 有哪几种属性？

Vuex有以下几种属性：state：用于存储应用程序的状态数据。state:{count:0}getters：用于从状态数据中派生出新的数据。
我爱学习yq·2024-02-20 08:11

手写一个Vue的简单双向绑定实例！

一.首先说明一下Vue的双向绑定原理是什么！
一浅小屋和你·2024-02-20 08:24

【Vue3】路由传参的几种方式

letstr="田本初"2.接收与使用//接收import{useRoute}from"vue-router"constroute=useRoute
田本初·2024-02-20 07:25

WEBPACK和ROLLUP构建前端工具库

vue-cli，基于webpack，vue-cli脚手架工具可以快速初始化一个vue应用，它也可以初始化一个构建库。
ejinxian·2024-02-20 07:52

新窗口打开vue项目中的静态pdf文件，并做权限控制

问题：公司系统做安全测试，其中一个问题是没有登录的情况下，直接访问“项目地址/operate.pdf”此地址，会展示pdf文件。描述：点击系统内的一个按钮会打开新窗口展示系统操作手册（operate.pdf）文件，以下为原本的代码，原来将pdf文件放在public文件夹下（“项目地址/operate.pdf”就是访问的public文件夹下的pdf文件）解决：删除public文件夹下的pdf文件，将
包子脸呀·2024-02-20 07:51

vue项目中下载静态资源里的pdf文件

1.把文件放在项目目录src/assets文件下2.在项目是用a标签下载以上项目运行会报错Failedtocompile../src/assets/download.pdf1:0Moduleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriateloadertohandlethisfiletype,currentlynoloadersareco
加油小吃货·2024-02-20 07:46

【删除数组用delete和Vue.delete有什么区别】

删除数组用delete和Vue.delete有什么区别？在JavaScript中，delete和Vue.js中的Vue.delete是两个完全不同的概念，它们在删除数组元素时的作用和效果也有所不同。
Zzexi·2024-02-20 07:32

本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目

本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下）要让其他人在同一个局域网下访问你的本地Vue项目，你可以通过以下步骤进行设置：启动Vue项目：首先，确保你的Vue项目已经启动并且在本地运行
Zzexi·2024-02-20 07:02

Error: error:0308010C:digital envelope routines::unsupported

vue项目，npmrundev的时候出现：Error:error:0308010C:digitalenveloperoutines::unsupported这个是node的版本问题。
探索者丶·2024-02-20 07:57

vue3 生命周期

2.如何监听组件的不同时刻vue框架为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。
咸鱼不咸_123·2024-02-20 07:02

Element UI组件的安装及使用

ElementUI是一个基于Vue的桌面端组件库，由饿了么团队开发。它提供了许多封装好的组件，方便开发者快速开发页面。
数字化信息化智能化解决方案·2024-02-20 07:03

使用php实现pc端和移动端分离

使用php实现pc端和移动端分离自适应技术可以实现根据浏览器的宽度来实现移动端和pc的自适应，但会影响用户的体验，以下代码实现在同一个链接下，移动端和pc分别有各自的html，$browser=get_browser
IT大哥哥·2024-02-20 06:58

js图片url反转file文件 vue

场景由于项目需求，需要将图片url转成文件格式上传到服务器参考博客：图片url转file封装jstransferFile.jsfunctionsetInitImg(url,callback){letimg=url;//这里是淘宝上随便找的一张图片let_=thisletimgResgetBase64(img,(dataURL)=>{imgRes=dataURLtoFile(dataURL,img)
一路向北qaq·2024-02-20 06:54

Vue3 学习笔记（Day1）

「写在前面」本文为尚硅谷禹神Vue3教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。
Tiger Z·2024-02-20 06:22

unplugin-vue-components解决命名冲突

我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入注：如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：vue3
菜鸟茜·2024-02-20 06:21

vue解决缩小浏览器后倒计时不准确的问题

使用webworker首先安装一下worker-loadernpmi-Dworker-loader其次在vue.config.js里配置一下worker-loadermodule.exports=defineConfig
啊森森啊·2024-02-20 06:21

vue封装el-table表格组件

先上效果图：本文包含了具名插槽、作用域插槽、jsx语法三种：Render.vue（很重要，必须有）:exportdefault{name:"FreeRender",functional:true,props
_处女座程序员的日常·2024-02-20 06:19

VUE3 中导入Visio 图形

微软的Visio是一个功能强大的图形设计工具，它能够绘制流程图，P&ID，UML类图等工程设计中常用的图形。它要比其它图形设计软件要简单许多。以后我的博文中将更多地使用VISO来绘制图形。之前我一直使用的是corelDraw。Visio已经在工程设计中得到广泛的应用。本博客讨论如何将Visio设计的SVG导入webHMI。目的与方法我的目标是使用Visio绘制石化行业的工艺和仪表流程图（P&ID）
姚家湾·2024-02-20 06:43

vue学习笔记

通常，使用VueCLI（Vue的命令行工具）来创建Vue.js项目会自动生成package.json文件。如果你没有使用VueCLI或者其他类似工具，那么可能需要手动创建这个文件。
北京理工大学软件工程·2024-02-20 06:42

前端页面点击刷新-触发vue生命周期加载最新数据

需求背景：layout布局，页面头部通过定时器获取后端消息的伪消息通知功能，在点击消息时获取所有消息总数并且刷新页面，以便触发vue的生命周期重新获取所有消息，消息展示在content中。
三月的一天·2024-02-20 06:01

pc端vue封装高德地图实现定位 PlaceSearch搜索

首先安装@amap/amap-jsapi-loader官网教程mapContainer.vueimport{onMounted,onUnmounted,getCurrentInstance,ref,inject
KAGHQ·2024-02-20 06:24

尚医通 (十五) --------- 平台管理前端搭建

医院设置管理1.项目开发流程2.分页查询3.删除4.axios响应拦截器5.批量删除6.锁定与取消锁定7.添加医院设置8.显示医院设置9.更新医院设置10.组件重用问题一、管理前端平台搭建A、项目名称解压vue-admin-template-master.zip
在森林中麋了鹿·2024-02-20 05:55

基于Vue-element-admin实现动态路由

阅读目录Vue实现动态路由简单的角色路由设置复杂的路由权限设置（后端动态返回路由数据）1.Vue实现动态路由通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到动态路由的设置了动态路由设置一般有两种
荣~博客·2024-02-20 05:25

探索 Electron Egg：构建跨平台桌面应用的理想选择

ElectronEgg作为一个结合了Electron和Vue.js的框架，为开发者提供了一个简单而强大的工具，使他们能够快速构建出优秀的桌面应用。
琴剑飘零西复东·2024-02-20 05:53

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome/css/font-awesome.min.css'
LI_4058·2024-02-20 05:09

jq 图片懒加载 + Vue-Lazyload

jq原生图片懒加载Document//先调用，保证可视区域的图片显示lazy();functionlazy(){varimgS=Array.from($('img'));//获取页面img元素数组//console.log(imgS)varimgL=$('img').length;//获取页面img元素数量//console.log(imgL)varseeHeight=$(window).heig
阿金要当大魔王~~·2024-02-20 05:16

ElementUI +++ Echarts面试题&答案汇总

官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面
阿金要当大魔王~~·2024-02-20 05:15

前端给后端传值

在Vue2中，你可以通过发送HTTP请求来将前端的数据传递到后端。这通常涉及到使用像axios这样的库来发送请求。
阿金要当大魔王~~·2024-02-20 05:13

Vuex学习记录

目录一、Vuex概述1.1Vuex是什么1.2使用Vuex统一管理的好处1.3什么样的数据适合存储在Vuex中二、Vuex的基本使用2.1创建Vuex项目视图式（版本：vue3+vuex4）命令式（版本
娃哈哈哈哈呀·2024-02-20 05:41

将Vue实例的变量显示到页面，方便实时查看Vue实例变量

文章目录页面效果代码注意参考文献页面效果代码Titlesite:{{site}}url:{{url}}{{details()}}{{_data}}varvm=newVue({el:'#vue_det',
飞蛾逐月·2024-02-20 05:08

利用Axios拦截器实现请求超过一定时间，则显示加载动画

文章目录声明项目简介需求介绍实现方法参考文献声明  本文章是对【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域这篇文章的补充。  
飞蛾逐月·2024-02-20 05:08

element 手动上传base64编码图片 预览图片 下载图片 删除图片

文章目录使用场景页面效果前端代码参考手册使用场景  vue2+element实现手动上传base64编码图片、预览图片、下载图片、删除图片。  
飞蛾逐月·2024-02-20 05:08

Vue 更新数据 Vue.set 的属性和方法

可以用Vue.set方法解决。通过下标修改数组中的值，页面也不会自动更新。可以用数组的方法或Vue.set方法解决。特注：Vue.set不能给vm或根数据对象data添加属性！！！
小吴吴吴呀·2024-02-20 05:37

Vue.js购物车示例

文章目录购物车示例效果准备代码参考文献购物车示例效果准备Vue.jsv2.6.10开发版本：https://cn.vuejs.org/js/vue.js生产版本：https://cn.vuejs.org
飞蛾逐月·2024-02-20 05:37

vue-i18n的简单使用兼容element-ui

1.首先下载vue-i18nnpmivue-18n--save2.在项目根目录新建文件夹(自己命名)i18n.config.js,写如下代码注意：小编在vue.config.js里面配置了路径别名，@l
一个巨蟹座的前端·2024-02-20 05:07

Vue模拟监测数据/监测数据原理（含对象数据和数组数据

1.Vue模拟监测数据（数据代理的原生代码以上只是模拟核心内容，Vue中还有更加完善，比如无限递归像内层寻找对象，并附带getter/setter2.Vue.set()方法（增加一个对象中响应式属性数据即实时显示在页面
章若楠不打代码·2024-02-20 05:07

vue数据驱动

概念：vue的核心概念就是数据驱动；所谓数据驱动指，视图是由数据驱动生成的，我们对视图的修改不会直接操作DOM,而是通过修改数据进行视图的更新。
super舒楠·2024-02-20 05:06

vue项目总结

学习前端知识大概是三个月了吧，都是跟着b站的视频学的，学了基本三件套，然后学了vue框架，由于自己没有关于前端的项目经验，所以就在b站找了个项目跟着做，花了大概一个月时间做完了，也成功部署上线了。
纯纯小白打码人·2024-02-20 05:36

Vue监测数据的原理

我们在Vue的时候一直在和数据打交道,将我们的目标数据放在data中，然后html中的插值语法{{xxx}},或者是这种指令语法,可以响应试渲染数据,（data数据的变化直接响应式更新页面，无需操作dom
IT_CODE.·2024-02-20 05:36

Vue 知识点：Vue监视数据总结

Vue监视数据总结结论：Vue监视数据的原理：1.Vue会监视data中所有层次的数据2.如何监测对象中的数据？
阿夏呀·2024-02-20 05:36

vue 文件下载支持pdf,jpg,png

1232123112//下载模版handleDownloadFile(url){if(!url){this.$message.error('暂无文件')returnfalse}//此方法会不带后缀名，所以要拿到文件的后缀名constnum=url.split('.')consttype=num[num.length-1]constlink=document.createElement('a')fe
学不会•·2024-02-20 05:06

Vue总结

0.Node.js安装及环境配置安装注意：切换盘符位置和添加到环境变量即可查看是否安装成功：node-v环境配置：（全局模块配置）在安装的nodejs目录下创建文件夹node_cachenode_global修改文件D:\environment\nodejs\node_modules\npm\npmrcprefix=D:\environment\nodejs\node_globalcache=D:
CV-gcs·2024-02-20 05:06

Vue技术12.6总结Vue数据监测

>总结Vue数据监测学生信息年龄+1岁添加性别属性，默认值：男修改性别在列表首位添加一个朋友修改第一个朋友的名字为：张三添加一个爱好修改一个爱好为：开车姓名：{{student.name}}年龄：{{student.age
yitahutu79·2024-02-20 05:35
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他