梅花屋

问题：一个带默认值的数组，每次更新数据都重置该数组到原始状态, 之后push新值到list中，见以下代码：import { reactive, ref } from 'vue'export default { setup() { // 需要一个带默认值的数组list; let list = reactive([{id: 1, name: 'Andy'}]) // 每次触发事件重置list，把新值放入,此种方式不会触发视图更新 const checkBtn =

在二级域名目录下（例如：www.abc.com/test/h5/）发布uni-app开发的H5,uni-app在发布h5的时候有个默认的的发布配置文件"h5" : { "title" : "H5", "router" : { "mode" : "history", "base" : "/test/h5/" }, "devServer" : { "https" : fals

安装 ‘compressionPlugin’ 插件，npm i -D const compression-webpack-pluginconst CompressionPlugin = require('compression-webpack-plugin')if (process.env.NODE_ENV === 'production') { config.plugin('compressionPlugin').use(new CompressionPlugin({ test

chrome自80版本 开始推进禁用第三方cookie，当时的解决办法参考：chrome80版本禁用cookie，但是最近更新到91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，各种查找暂时解决办法：1、参考链接；2、如果是vue-cli3项目，可以在vue.config.js中添加代理到本地；devServer: { proxy: { '/api': { targe

1、 就是在chrome://flags/里设置禁用SameSite，（重启浏览器）;2、 后端进行设置 SameSite=none并且设置secure；（就是用https）（看后端框架能否支持此设置）；3、使用Nginx配置SameSite;Nginx的proxy_cookie_path功能,具体配置方法（在location节点下加入，配置后重载Nginx）：如果站点Cookie所在目录在根目录/下，设置如下：proxy_cookie_path / “/; secure; SameSite=N

首先，这两个this都是App类的实例，因为所处环境中this就是这个含义。this.handleClick()是一次函数调用，this.handleClick.bind(this)产生的是一个新的函数，这个函数在被拿来执行就是执行this.handleClick，而且函数体里的this绝对是App类的这个实例。要用bind方法，是因为单纯把this.handleClick作为参数传递出去之后，就失去this的环境了，ES6不会自动给成员函数绑定this,如下：class Demo { construc

// 为合并行处理数据 getSpanArr (data) { this.spanArr = []; for (var i = 0; i < data.length; i++) { if (i === 0) { this.spanArr.push(1); this.pos = 0 } else { // 判断当前元素与上一个元素是否相同 if (data[i]

<el-table-column :label="col.gradeSerial" header-align="center" v-for="(col,i) in cList"> <el-table-column sortable :label="label" :sort-method="(a, b) => sortHandle(a, b, i, 'recordNum')" align="center"> <template s

来源1：https://www.imooc.com/article/32292来源2：https://github.com/ronffy/axios-tutorial

Java接口的理解

/*是否合法IP地址*/export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])

关于element-ui el-select循环绑定值获取的问题<span class="levelBox" v-for="(ele,index) in levelList" :key="index"> <el-select filterable v-model="level[index]" @change="changeLevel" :placeholder="'不限'+ele.firstLevelName" clearable> <el-option

一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的冲突。Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template:

颜色名 十六进制颜色值 颜色 AliceBlue #F0F8FF rgb(240, 248, 255) AntiqueWhite ...

监听模式的代码示例// 事件对象 var Event = function(obj) { this.obj = obj; this.getSource = function() { return this.obj; } } // 监听对象 var F2 = function() { this.hander = function(event) { var f1 = event.getSource()

JavaScript的事件广播与侦听

JavaScript手写一个new

Hello World，I am coming~！