SJAY's blog

nginx代理配置访问图片路径以及API接口代理方法server { listen 80; server_name xxxxx.cn; index index.php index.html index.htm default.php default.htm default.html; root /www/wwwroot/xxxxx.cn; #E

- 阅读全文 -

添加一个参数当前 URL：http://localhost/home?keyword=examplethis.$router.replace({ query: { ...this.$route.query, code: '1' } })最终 URL：http://localhost/home?keyword=example&code=1删除一个参数我所使用的 Vue Router 版本为 3.0.

- 阅读全文 -

fileUpload: function (tempFilePath) { var that = this;//坑1： this需要这么处理 wx.uploadFile({ url: url地址， //app.ai_api.File.file filePath: tempFilePath, //文件路径 这里是mp3文件 name: 'fil

- 阅读全文 -

国内（仓库已暂停）：git clone -b i18n https://gitee.com/panjiachen/vue-element-admin.git国外：git clone -b i18n https://github.com/PanJiaChen/vue-element-admin.gitnpm install 报错如下时：npm ERR! fatal: unable to connec

- 阅读全文 -

vue中params-解决换路由不刷新问题因为依赖路由的params参数获取写在created生命周期里面，因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。解决方法：watch监听路由是否变化。watch: { // 方法1 '$route' (to, from ) {

- 阅读全文 -

vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。一、理解混入合并的规则1.data ,同名以组件为准data (){ return{ } }2.create 等钩子函数， 先运行mix,再运行组件内3.methods,components等， 内同名，以组件为准二、理解局部混入和全局混入1.局部混入 创建mixin.js文件， 在需要的组件或者页面引

- 阅读全文 -

我正在构建一个一行三个并排排列的区域，但是我希望占用整个宽度，即使只有三个区域中有内容。给每个区域填充/边距10px设置每个区域的背景色以匹配主题背景色-在我的情况下为白色在每个区域内创建一个div（以在它们之间创建边距的错觉。HTML看起来像这样： <ul> <li> </li> </ul>CSS看起来像这

- 阅读全文 -

子组件定义单独方法 resetForm(formName) { this.$nextTick(()=>{ this.$refs[formName].resetFields(); }) }, 这是因为表单还没有编译渲染进dom里面。

- 阅读全文 -

vue提供一个对象$refs可以获取DOM，一般在加载组件时候就需要获取DOM，此时可以在created/mounted钩子函数中this.$refs.xxx。注意，切记，this.$refs.xxx一定要放到this.$nextTick的方法内执行，或者在setTimeout中执行，延迟时间一般20ms就可以啦那么问题来了，为什么在组件的子组件内的created/mounted中添加this.$

- 阅读全文 -

在使用elementui时，出现了一个搜索表单，点重置时无效果el-form无法重置表单项的原因有以下四点：el-form-item的prop属性缺失或属性值 不等于 字段名称表单项本身就有默认值表单数据绑定时未使用$nextTick函数（resetFields 重置到挂载前的数据）未显示的表单项无法重置

- 阅读全文 -