随笔分类 - Vue/uniapp/css
摘要：数据类型是二维数组 <template> <div> <van-index-bar :index-list="indexList"> <div v-for="(item,index) in peopleList" :key="index"> <van-index-anchor :index="ite
阅读全文
摘要：第一个echart图像 1.在创建的angular项目终端中输入如下命令安装echart包。 npm install echarts -S npm install ngx-echarts -S npm install @types/echarts 2.在app.module.ts中导入echart。
阅读全文
摘要：本篇文章从javascript原型链来解释为什么vue中data必须是一个函数 vue组件中的data必须是函数 类比引用数据类型 Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了; javascipt只有函数构成作用域
阅读全文
摘要：#后面添加的，解决 VueCLI3 项目打包上线刷新 404 的问题 location / { try_files $uri $uri/ /index.html; }
阅读全文
摘要：vue项目经常需要组件间的传值以及方法调用，具体场景就不说了，都知道。基本上所有的传值都可以用vuex状态管理来实现，只要在组件内监听vuex就好。 vue常用的传值方式以及方法有： 1. 父值传子（props） 1-1：解决一个项目中遇到的问题，父组件给子组件传值第一次子组件是可以接受的， 但是在
阅读全文
摘要：1、路由传值 this.$router.push() （1） 想要导航到不同的URL，使用router.push()方法，这个方法会向history栈添加一个新纪录，所以，当用户点击浏览器后退按钮时，会回到之前的URL （2）当点击 <router-link> 时，这个方法会在内部调用，即点击 <r
阅读全文
摘要：在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录 token， 用户的地址信息等，这时候就需要设置一波全局变量和全局函数。 目录 定义全局变量 定义全局函数 定义全局变量 原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用 export d
阅读全文
摘要：写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpected console statement (no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。 修改package.json中的eslintConfig:{} 中
阅读全文
摘要：网站动态背景线条跟随鼠标移动，吸附鼠标效果 动态背景线条，鼠标移动可以吸附，可以添加配置，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>粒子线条canvas效果</title> <style>
阅读全文
摘要：本篇文章小编给大家分享一下在Vue中使用axios POST请求变成OPTIONS的问题解决方法，文章介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。 POST请求变成OPTIONS 及报错信息（跨域） 主要解决方案：使用qs.stringify 1、安装qs
阅读全文
摘要：错误提示如下 Syntax Error: TypeError: this.getOptions is not a function @ ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/@vue/cli-service
阅读全文
摘要：export与export default均可用于导出常量、函数、文件、模块等 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用 在一个文件或模块中，export、import可以有多个，export default仅有一个 通
阅读全文
摘要：filter :先看一下官方的解释： filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意： filter() 不会对空数组进行检测。 注意： filter() 不会改变原始数组。 其实这个已经写的很清楚了，就是，返回通过检查的元素，并且会创建一个新的
阅读全文
摘要：首先在html中的form表单中加上action=“#” js通过submit（）触发即可，具体代码如下： HTML: <div class="weui-search-bar" id="searchBar"> <form class="weui-search-bar__form" action="#
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { background-color: red; width: 400px; height: 200px;
阅读全文
摘要：对于模态框我个人一直都是用js + css 的方式实现，这里却采用css target 属性，很有想法 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>简单的模态框(Modal)</title> <style> .wrap {
阅读全文
摘要：一、说一下 连接不同的数据库需要安装相应的插件，此demo使用mysql数据库，需自行安装mysql数据库软件。 新建数据库webapp， 新建表users： 二、直接开码 npm install mysql --save 注释：安装mysql依赖包，保存在本项目 1、测试 尝试连接数据库，并查询表
阅读全文
