logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue开发中,数据更新,但视图不刷新

我们在开发过程中会碰到数据更新,但是视图并未改变的情况,情况如下:第一种:动态给对象新增属性或者删除属性是不会触发视图刷新的,Vue识别不到;第二种:通过数组下标修改数组中的元素或者手动修改数组的长度,Vue识别不到;**解决方法1:静默刷新(使用v-if的特性)在修改值之后将元素销毁,然后在修改后的下一次DOM渲染完成时再显示出来,这样就会触发组件重新加载data的数据进行渲染,data中被修改

#vue.js#前端#javascript
前端js css文件报错net::ERR_SSL_PROTOCOL_ERROR

测试部署后的前端发现界面css、js文件无法展示,报错net::ERR_SSL_PROTOCOL_ERROR。**最直接的处理方式如下:*删除index.html文件中的 ------content=“upgrade-insecure-requests”***

#前端#javascript#css
uni-app 实现考勤打卡功能

通过配置表格中的circles就能实现地图上的圆形标识配置markers展示标记点以及提示气泡。

文章图片
#uni-app
浅析vue3中的声明响应式数据 ref 和 reactive

在Vue2中响应式数据是通过defineProperty来实现的,而在Vue3响应式数据是通过ES6的Proxy来实现的。Vue3中实现响应式数据的方法是ref和reactive。使用方法:

#前端#javascript#vue.js +1
vue点击退出按钮退出登录,跳转到登录页面实现

加入该行后会清除缓存,当点击退出按钮后,会清除登录信息缓存,然后跳转至登录页面,此时在未登录的情况下,再次在地址栏输入项目网址相关页面便不会直接跳转,会仍在当前页面,需要登录。localStorage.clear()清除上次登录用户名密码,若此时在地址栏输入项目网址相关页面,仍可以进入项目页面中,故加了下一行。在登录的vue页面中,给需要的标签绑定点击事件。在method方法中,写入该点击事件。

#vue.js#javascript#前端
Vue2 大屏适配插件 vue2-scale-box

-width 宽度 默认 1920- height 高度 默认 1080-bgc 背景颜色 默认 "transparent"-delay自适应缩放防抖延迟时间(ms) 默认 100-isFlat是否启用拉伸模式 默认 false- @scaleChange 缩放值发生改变的方法 可动态获取 scale 改变后的值 注意:拉伸模式下scale值为:[x缩放值, y缩放值];非拉伸模式下scale值为

#echarts#前端#大屏端
vue首屏白屏原因

改为hash或者直接删除模式配置,如果非要用的话,在服务端加一个覆盖所有情况的候选资源。安装Babel ,Babel 会把这些新语法转译成较低版本的代码。修改config下面index.js的模块导出路径。

#vue.js#前端#javascript +1
记录Ant-Vue-table中customCell改变单元格样式

看了官方文档的用法,customRow好用,customCell怎么都不好用,后来找了好久,才找到解决办法。首先在html中引入,把customCell绑定自己自定义的一个方法cellStyle。在columns中需要的那一列定义customCell。在methods中定义cellStyle()方法。最后实现的效果,不符合条件的被标红。

文章图片
#vue.js#javascript#ecmascript
Vue2 大屏适配插件 vue2-scale-box

-width 宽度 默认 1920- height 高度 默认 1080-bgc 背景颜色 默认 "transparent"-delay自适应缩放防抖延迟时间(ms) 默认 100-isFlat是否启用拉伸模式 默认 false- @scaleChange 缩放值发生改变的方法 可动态获取 scale 改变后的值 注意:拉伸模式下scale值为:[x缩放值, y缩放值];非拉伸模式下scale值为

#echarts#前端#大屏端
使用a标签打开新窗口

a标签后面加 target="_self" 是此窗口默认打开 (这个属性是默认的)**

#前端
    共 23 条
  • 1
  • 2
  • 3
  • 请选择