qq_42339350的博客

2 改为手动（Manually），目录选择当前项目目录的下的。3 改为手动（Manually），目录选择刚才创建的文件。1 找到webstrom设置。2 找到webstrom设置。

跳转页面后，继续使用全局搜索。路由不能跳转相同地址。

本项目只是个简单的空vuepress模板，使用了reco主题。拥有vuepress和reco的全部功能。只是在docs/.vuepress/styles/index.styl修改了一些样式。便于h5模拟器组件的展示。大多移动端组件的文档都只有代码演示和api说明纯文档，而没有展示实际演示效果，或者只是简单说截图，想要看实际效果还得自己下载跑一遍，太麻烦了。

使用watch是因为如果直接从页面1到页面2，created是不会执行的。

1 排除两者冲突eslint-config-prettier yarn add eslint-config-prettier -D.eslintrc.js 'extends': [ "prettier" ],.eslintrc.json "extends": [ "prettier" ]2 修改代码风格,

描述之前用过react的ahook很舒服，但是vue的ahook功能太少。于是仿照react ahooks的useRequest 写的异步请求状态管理 加载更多，成功，加载中，失败示意图测试代码<template> <view> <h2>自动触发</h2> <view v-if="state.loading">loading</view> <view v-else-if="state.erro

初次进入页面的时候在onLoad的时候就已经可以访问data,method了。在此可以发请求在onReady时候$el已经创建成功了。在此可以进行依赖el的一些操作。例如u-view中 给form设置校验值的的时候页面数据更新的时候与vue无区别退出页面的时候先执行的onUnload复制粘贴自己试试export default { /*vue组件生命周期*/ beforeCreate(){ console.log('beforeCreate');

computed: { getNewIndex() { // data是使用的时候的参数 retun (data) => { return data.index; } }, }参考地址：vue 计算属性传参的方法

错误 <view v-if="item" v-for="item in list">{{item.id}} </view>无论item是否有值，v-for 都会执行，所以可能会产生 can not read id of null的错误。正确写法分开写，推荐使用template空标签 而不是view <template v-if="list.data"> <view v-for="item in list">{{i

下载yarn add vuexmain.js注入import store from '@/store'const app = new Vue({ ...App,store})单文件简单基本结构import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: {}, getters: {}, mutations: {},

直接传递导致对接被截成"[Object Object]" 字符串解决方法传递先把数据JSON.stringify转string格式，再使用encodeURIComponent对数据特殊字符进行转换url:`xxxxx?param=${encodeURIComponent(JSON.stringify(param))}`解析跳转页面后，使用decodeURIComponent把特殊字符转回来，再使用JSON.parse转成对象格式即onLoad: function(option) { //op

参考地址:Vue 中插槽slot的用法和应用场景个人总结React中组件双标签写的时候，标签里面放东西。可以通过props.childeren来获得但是vue没有props.childeen这种东西。但是我又想有类似的效果。所以插槽出现了。父组件<template> <h1>父组件</h1> <Child>双标签中的内容</Child></template>子组件<template> &lt

错误示例<template> <view class="test"> 111 </view></template><style lang='scss' scoped> .test { height: 100%; background-color: pink; }</style>原因百分比想有效果，那么必须外层父元素设置了高度。类似web经常会全局设置的html，body一样解决给外层元素加上高度

简单代码示例list是父，item是子item<template> <view class="test"> <text>111</text> </view></template><script></script><style lang="scss" scoped> .test { flex:1;//子组件flex：1 border: 3px solid blue; }

原因tabBar.list数组的第一项必须和pages配置中的第一项要相同。错误写法tabBar.list的以一个数组单独配置了页面。正确写法和pages的第一个保持相同然后就好了

依照官网步骤创建hellp-uniapp模板项目，运行项目报错缺少sass-loader。cnpm install sass-loader -S 后再次运行仍报错in ./src/components/uni-forms-item/uni-forms-item.vue?vue&type=style&index=0&id=39373d84&lang=scss&scoped=true&Syntax Error: TypeError: this.getOptio