- 博客(13)
- 收藏
- 关注
原创 Vue3的新特性
作用 : 对一个 响应式对象 的所有内部属性, 都做响应式处理, 保证展开或者解构出的数据也是响应式的( 一般配合 reactive 使用)reactive 处理的数据, 必须是 复杂类型, 如果是 简单类型 无法处理成响应式, 所以有 ref 函数。reactive 的响应式功能是赋值给对象的, 如果给对象解构或者展开, 会让数据丢失响应式的能力。setup 中直接定义的数据 , 不是响应式数据 reactive 函数 , 放的是复杂数据类型。
2023-03-27 17:19:59 119
原创 vue中vuex数据更新 视图不更新 [解决方法]
我们在vuex中操作数据时遇见视图不更新的情况原理:去vue的官网看就行了使用方法:Vue.set(target,propertyName,value) target:要更改的数据(一般是响应式对象) 例:state.data property:这个对象中的子对象或者属性 value:你想要赋的值使用实例:vuex中的内容state(){ addone:{}},mutations: { allone(sta
2022-04-21 16:48:45 3105
原创 git操作
vscode拉取git代码//初始化git init//连接gitgit remote add origin http://xxx@192.168.1.13:38765/r/bookshopVUE.git//拉取git clone http://xxx@192.168.1.13:38765/r/bookshopVUE.git切换分支首先通过$ git branch -a 来查看所在目录的分支$ git branch -a master* trunk remotes/o
2022-03-18 09:58:22 1352
原创 关于flex布局中,父元素高度auto,由一子元素撑开,另一子元素自适应高度问题
.expressRecord-single-close {//父元素样式width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;//重点 stretchposition: relative;}.expressRecord-text { //子元素margin-left: 30rpx;padding-bottom: 20rpx;flex-shrink: 0;flex
2022-02-10 14:17:44 2975 2
原创 微信 IOS系统 安卓时间格式
下面用正则替换2018-08-30日期格式为2018-08-30后问题解决time.replace(/-/g, ‘/’);
2021-11-30 14:30:39 1596
原创 uniapp中使用vue 关于全局定义
1. 全局组件定义import hgIndexNav from '@/components/hg-index-nav/hg-index-nav.vue';Vue.component('hgIndexNav',hgIndexNav)1. 全局方法定义import utils from '@/utils/util.js'Vue.mixin({ methods: { getMiUnit(number){ return utils.getMiUnit(number) } }})
2021-11-16 10:10:13 583
原创 监听storage改变
storage事件中的坑,storage.setItem()无法触发storage事件一、概述众所周知,以下代码可以用来监听页面中localstorage和sessionstorage中属性值的变化1window.addEventListener(‘storage’, event=>{})二、预期假如我们打开一个页面a.html,内有如下代码window.addEventListener(‘storage’, e=>{console.log(e)})我们在当前标签页控制台输入如下
2021-09-28 14:18:44 1312 1
原创 跳转新界面
window.open(https://baidu.com,‘newwindow’,‘toolbar=no,menubar=no, scrollbars=no, resizable=no,location=no, status=no’);#nav{display: none!important;}[data-name=“global”] {top: 0!important;}样式通过jsdocument.getElementById(“nav”).style.display = ‘none’
2021-09-26 15:58:15 123
原创 富文本组件
1.wangeditor缺点:不兼容移动端网址:https://www.wangeditor.com/2.UEditor网址:http://fex.baidu.com/ueditor/
2021-09-23 11:50:42 360
原创 移动端网页的缩放
用vue框架开发了一个嵌入APP中的协议,部署以后,进入页面,发现页面中富文本的字体过小,查阅资料后发现要在index.html中设置一下。以下是解决方法:vue生成的index.html页面中,meta标签是这样子的:这里只要把meta标签改成以下内容,就可以控制页面的缩放具体属性值分析: width=device-width 使用设备的宽度来解析 initial-scale=1.0 页面初始倍数为1倍 maximum-scale=1.0
2021-09-23 11:42:17 628
原创 js函数
函数声明和函数表达式的区别1. 函数声明1)函数声明(Function Declaration); // 函数声明 function funDeclaration(type){ return type==="Declaration"; }会被提升使用2.函数表达式2)函数表达式(Function Expression) // 函数表达式 var funExpression = function(type){ return type==
2020-09-01 16:37:20 94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人