随笔分类 - vue.js
vue.js
摘要：1、分包加载，小程序限制一个包2M，可以分9个子包，整包共计不能超出20M，这一步很简单，如果看文档感觉枯燥的可以参考uview框架的demo，因为这个demo就使用了小程序的分包机制，demo链接（下载示例项目即可）：https://ext.dcloud.net.cn/plugin?id=1593
阅读全文
摘要：1、使用在一般的标签上 <div id="app"> <input ref="count" type="text" v-model="active.name" required name="name" value=""> </div> 这样在vue中我们可以使用$ref来获取dom节点，进行一些do
阅读全文
摘要：一进页面就报错如下 一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了 key值是必须唯一的，如果重复就会报错可以把key值改为index或者id，就可以避免这个情况（这里key最好用id，才能达到key值
阅读全文
摘要：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors。 译 ： 组件和引用组件的页面不能使用id选择器（#a）、属性选
阅读全文
摘要：创建 waves.css文件 .waves-ripple { position: absolute; border-radius: 100%; background-color: rgba(0, 0, 0, 0.15); background-clip: padding-box; pointer-e
阅读全文
摘要：问题描述：uniapp编译小程序时报错，但H5和app端无问题 15:57:47.609 TypeError: Property value expected type of string but got null 15:57:47.609 at Object.validate (D:\Progra
阅读全文
摘要：store模块化开发 首先是文档结构：store文件夹默认的文件是index.js，这个文件相当于主入口文件： store中Index.js文件内容如下： import Vue from "vue" import Vuex from "vuex" import cart from "./module
阅读全文
摘要：新项目：同一域名下部署多个vue项目， 根目录vue项目不需要按下面的方式进行打包部署 https://www.xxxx.com/ 下面三个项目以二级目录部署 https://www.xxxx.com/hmange https://www.xxxx.com/api https://www.xxxx.
阅读全文
摘要：参考:uniapp 打包 h5 跨域问题使用封装的request以及部署二级目录问题新版本的配置有所不同 转 ： https://blog.csdn.net/hjmaAsC/article/details/116395274
阅读全文
摘要：HBuilderX 2.9.8 相关联的版本 因为uniApp中不支持Sass 中的 exprot: xxx.sass $theme-text-color-colorful:#EE5002; //这是一个变量名 //主要的一步： :export { theme_color: $theme-text-
阅读全文
摘要：scss文件里 :root { --height-primary: 240px; //--height-primary ：变量名，css3有规则 } $header: var(--height-primary); //用var来盛放变量名 .el-table{ height: calc(100vh
阅读全文
摘要：我的疑问是：为啥 有些token前面要加Bearer，并且键值对key是authorization （答案：校验的协议不同） OAuth 2.0 授权协议： https://blog.csdn.net/u012324798/article/details/105612706 截图是postman的t
阅读全文
摘要：公用模块 挂载 Vue.prototype globalData Vuex 公用模块 定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。 注意这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。 示例如下：在 uni-app 项目根目录下创建 com
阅读全文
摘要：1、$emit的使用场景 子组件调用父组件的自定义事件并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开 子组件： <template> <button @click="emitEvent">点击我</button> </template> <script> export default
阅读全文
摘要：call()、apply()、bind()的用法主要是纠正作用域中的this 1.call() 语法：obj1.call(obj2[,param1,param2,...])定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上。说明：call 方法可以用来代替另一个对象
阅读全文
摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变
阅读全文
摘要：在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子
阅读全文
摘要：async 是“异步”的简写，比如Ajax中就有这个代表异步请求；而 await 可以认为是 async wait 的简写，因为await只能出现在async函数中的语法规定。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。 一.
阅读全文
摘要：用vue-cli3创建新项目可以自定义配置，选择eslint,所以eslint不需要配置， 项目根目录下面生成一个 .eslintrc.js文件，里面可以自定义配置eslint规则 用vue-cli3创建新项目可以自定义配置，选择eslint,所以eslint不需要配置， 项目根目录下面生成一个 .
阅读全文
摘要：const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }, actions: { increment (context) { context.commi
阅读全文
浙公网安备 33010602011771号