vue3 element-ui 树选择单选

NI_computer — Thu, 09 Sep 2021 15:02:51 +0800

1.取消父子结点关联 2.修改选中结点在ts代码中写： const trees = ref(); //树形结构 //选择节点时触发的函数 const handleNodeClick =..

js 下载网络文件到本地，根据url下载文件，下载本地文件

NI_computer — Fri, 28 May 2021 17:33:18 +0800

js下载网络文件到本地不建议使用a标签打开网页，不同浏览器会不兼容。下面介绍一个可以根据url下载文件到本地，并且自动生成随机名称的方法~ 随机生成名称可以在统一页面多次导出文件且不会提示“文件已存”的情况，不需要的同学可以根据注释修改 // 文件下载，url为文件地址，可以为本地地址也可以为网络地址 function downloadFile(url) { // 不需要随机生成名字的 // let filename = `你的文件名字.文件格式`; // 生成一个随机名称 let fi

git将已有文件上传远程仓库，转远程仓库

NI_computer — Wed, 31 Mar 2021 10:25:16 +0800

当我们从别人的git仓库中下载代码并编辑后，想移植到自己的仓库怎么办？ 1.右键文件夹选择git工具中的git bash here打开命令窗口。 2.查看本地文件关联的git git remote -v $ git remote -v origin https://git.gx.xxx/xxy/xxx.git (fetch) origin https://git.gx.xxx/xx/xxx.git (push) 3.删除本地仓库与远程仓库的关联 git remote remove origin 删除

微信小程序长按保存图片

NI_computer — Tue, 30 Mar 2021 15:51:21 +0800

所用api wx.getSetting wx.authorize wx.getImageInfo wx.saveImageToPhotosAlbum wx.wxml src写你的图片地址，本地或者网络都可以

js,将两个数组连接的几种方法。

NI_computer — Sat, 24 Oct 2020 15:35:35 +0800

1.使用concat,concat不会改变原数组，所以需要新定义一个变量来接收 var a = [1, 2, 3, 4, 5] var b = [6, 7, 8, 9] var c = a.concat(b); console.log(c); 2.使用splice，splice中第一个数为插入的位置，第二个为要删除的项数，这里是插入所以是0，之后就写需要插入的数据。这里不能直接写入一个其他数组，否则就会出现数组里嵌套了一个数组。 //在a数组中插入1，2，3 var a = [1, 2, 3, 4, 5

vue,使用v-for循环加载子组件

NI_computer — Sat, 24 Oct 2020 15:17:22 +0800

在项目开发中，通常我们需要在一个父页面中载入非常多的子页面，如果每个子页面都一一定义的话，会显得代码非常的冗余。这里我们可以通过v-for循环来实现一个加载子组件的方法。 1.在父组件中引入所有的子组件，并注册 2.在data中将子页面封装成一个数组 pages: [ { name: "allOrder", label: "所有订单", }, { name: "unpaid",

Vue，简单的子组件向父组件传值。

NI_computer — Thu, 22 Oct 2020 19:39:07 +0800

子组件通过发射事件$.emit给父组件，通知父组件数据改变，父组件通过@xxx监听例子：注册一个全局组件，和一个局部组件，将全局组件作为局部组件的子组件，并将全局组件中的值传给局部组件。全局子组件代码：父组件：测试代码：

VUE，父页面向子页面传值。

NI_computer — Tue, 20 Oct 2020 20:00:33 +0800

在父页面中，我们使用了自定义的子页面，这时候我们需要将父页面的id传输给子页面。可以自定义一个绑定事件在子组件上，例如：父页面： basicMsg为我的自定义子组件名称，引号内为需要传输的值。这里我传输的id为data内定义的id。子页面：使用props来接收父组件传输的数据，props定义在与data同级。这里也可以给接收的数据进行一个简单的数据类型判断。例如：str为string类型，str1为obje

Vue，element-ui中使用tabs，载入子页面并优化。

NI_computer — Tue, 20 Oct 2020 19:45:11 +0800

在element-ui组件中有一个tabs标签页，可以在单页面中注入多页面。但是例子中的页面只是一行文字，在实际应用开发中我们需要写入的代码很多，如果都写在该页面就会非常不美观，所以这里我使用了子页面，并自定义组件载入到单页面中。 1.在页面中写入element-ui组件中的代码。直接把官网上的东西复制下来就行，根据自己需要增加和删除页面。 2.定义子页面创建一个文件夹存放子页面，将子页面文件创建出来。 3.主页面引入子页面 4.注册子组件，在data同级下写components 5.在tabs

VUE，element-ui自带表单验证失败，解决v-model和prop无法绑定问题

NI_computer — Mon, 19 Oct 2020 09:53:08 +0800

在使用element-ui时，使用了里面自带的表单验证功能。当数据回显在输入框时，仍然无法通过验证。原代码：模态框内代码： data内验证代码: 查询过后，发现是v-model绑定的数据需要于prop的内的名字相同。修改后：这样就能通过表单验证了。 ...

VUE,webpack打包（自动配置）

NI_computer — Thu, 15 Oct 2020 19:48:04 +0800

生成一个基于vue+webpack的项目 1.在终端中进入需要创建项目的文件夹，安装vue/cli-init cnpm install @vue/cli-init -g 2.创建项目模板-webpack vue init webpack app01（你的项目名字） vue init webpack app01 选择需要的配置然后“y” 生成的过程比较漫长可以慢慢等，大概需要十分钟。完成后可以看到多了一个文件夹。 3.安装依赖 cnpm install 4.运行项目 npm run dev 5.编

解决“Required Integer parameter ‘xxx‘ is not present”问题

NI_computer — Thu, 15 Oct 2020 15:34:51 +0800

在使用axios发送post请求的时候，我们将需要发送的数据封装为一个obj对象，但是在浏览器报错。意思是必填的传输数据不正确，可能是没有填或者是错误。可以引入jQuery来进行一个数据转换。在html界面引入jQuery 如果是使用vue-cli脚手架搭建的项目，在public文件夹下的index.html

VUE,webpack简单使用脚本打包（手动配置）

NI_computer — Wed, 14 Oct 2020 20:13:15 +0800

Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过loader的转换，任何形式的资源都可以视作模块，比如CommonJs模块、AMD模块、ES6模块、CSS、图片、JSON、Coffeescript、LESS等。 webpack官网地址 webpack的简单使用：使用前提：已经安装了node.js最近版本 1.初始化项目进入项目中 npm init 一直

Vue，在vue-cli上进行组件页面切换

NI_computer — Tue, 13 Oct 2020 16:09:38 +0800

进行组件切换的两种方法：一.动态组件 1.在components内自定义两个子组件并载入到根组件上 student.vue:

NI_computer的博客