念了半位旧人-优快云博客

import Vue from 'vue';import Vuex from 'vuex';import getters from './getters';Vue.use(Vuex);const modulesFiles = require.context('./modules', false, /\.js$/);const modules = modulesFiles.keys().reduce((modules, modulePath) => { // set './app.js'

2022-04-19 16:28:41 946

原创小程序过滤富文本＜p＞标签内容，空标签，其他内容，如何避免

原因：小程序会过滤（小程序自己认为）无用的空标签，p标签1.在page文件夹，添加文件uni_modules，在文件里面有mp-html文件（mp-html）文件内容也已经上传，需要自行下载问文章下面，会附带链接2.页面引入的方式用<mp-html :content="Coninglist.content" />方式替换<view class="Consulting_viw_text_h5" v-html="Coninglist.content"> </view>

2022-02-18 13:35:17 1802

原创 vue开发微信小程序用户授权和手机授权（UNI开发）

vue开小程序用户授权，手机授权**1.vue页面的两个点击事件 **<view class="text-area"> <button open-type="getPhoneNumber" @click="getInfo" >微信用户授权一键绑定</button>//1.为用户授权点击事件 <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">微信手机号一

2022-02-17 16:05:42 1916

原创微信小程序报错 Failed to load image https://www.xxx.comundefined/

由于小程序一直每个页面都报错：![在这里插入图片描述](https://img-blog.csdnimg.cn/48f7c7c2f2ef45668a4d5e3d16f313f1.png)但是图片一直显示正常，所以也就没管它，后来搜了下，应该是地址拼接的问题在app.js中定义了服务器域名和资源服务器域名地址，但是没有以/结尾，因为想着其他相对路径的地址前面有/开头，在域名地址后面加上/就没有这个提示了，和微信公众号配置服务器地址类似，也要求/结尾...

2022-02-15 10:11:21 3791 1

原创 uni 开发小程序报错:Unexpected end of JSON input的问题

1.问题是接口传递的时候鞋携带的参数太长了2.如encodeURIComponent（）方法相当于加密让其，忽略传参数的长度例如：url:'../Consulting/Consulting?opend='+encodeURIComponent(JSON.stringify(item))3.decodeURIComponent（）方法相当于解密onLoad(opend){ this.Coninglist = JSON.parse(decodeURIComponent(opend.open

2022-02-09 17:12:52 534

原创 vue开发uniapp点击图片放大

vue开发uniapp点击图片放大html页面<view class="Shopdetails_back_center_image"> <image :src=" fileUrl + qrcode.qrcode" @click="showBigImg(fileUrl + qrcode.qrcode)" mode=""></image>//:src处为接口请求图片路径拼接 </view>2.methods方法showBigImg(

2022-02-08 12:49:46 750

原创 vue开发uniapp接口封装

vue开发uniapp接口封装1. 创建api文件夹2. 创建3个js，api.js, conom.js, http.js3. api.js内容const baseUrl = "https://stage.ocheng.me/api/";const Channel=68const requestBase = { baseUrl: baseUrl, // 此为测试地址，需加入到域名白名单，或者更改为您自己的线上地址即可 dataType: 'json', // 可删除，默认为json

2022-02-07 17:15:04 988

原创 uni请求后端接口方法

方法一，利用官网的uni.request方法uni.getSystemInfo({ success:(res) =>{ res.windowHeight - uni.upx2px(80); } }) uni.request({ url: '/api/index_category/data', method: 'GET', success: res => { console.log(res);

2021-12-23 11:29:08 3299

原创 vue-cli版本卸载和安装指定版本

1.查看当前版本命令vue -V2.如果安装指定版本，需要先卸载当前版本，卸载当前命令npm uninstall -g @vue/cli3.安装当前指定版本命令npm install -g @vue/cli@3.12.14.如果你的vue是2.5或2.6的话，你的vue-cli的版本在4.几版本以上，就会出现插件和引入不兼容问题，原因是vue-cli版本过高，建议可以是由vue-cli3的高版本，vue-cli@3.12.1，为vue-cli3的高版本。...

2021-12-22 13:44:20 2455

原创 Webpack+vue-cli创建vue项目

`在这里插入代码片@TOC1、创建项目（最好在cd到D盘的某个位置，即项目的路径，否则项目会新建在C:\Users\Administrator\，也可以直接在想要的项目路径下输入cmd）创建项目（最好在cd到D盘的某个位置，即项目的路径，否则项目会新建在C:\Users\Administrator\，也可以直接在想要的项目路径下输入cmd） 1.vue init webpack 项目名1.项目名不要取中文和大写字母。欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编

2021-12-22 10:02:08 187

原创 vue的input的复选框的选中状态控制

在这里插入代码片 <input type="checkbox" v-model="{{eliput}}"//当复选框是true时会自动选中，false时会自动取消 :value="item.id" @click="clickMe()" > data(){ eliput:false, } Persodelete:function(){ if(this.eliput==true){

2021-11-26 15:17:44 1748

原创 vue + Element 实现分页功能

在这里插入代码片## 第一步在template添加内容<div class="pinleicon-let"> <div class="shangpinlit" v-for="(item,index) in Productlist" :key="index"> <h5>{{item.title}}</h5> <ul> <li v-for="(it,idx) in

2021-10-28 15:33:05 161

原创 vue列表添加多个选中状态

在这里插入代码片1.在vue template中添加选择种状态<template>在点击的状态中添加选中状态<li class="Course-left-er-ul-lin" v-for="(item,index) in Courselist" :key="index" > <span :class="{'Course-left-er-ul-link':selected.indexOf(item)!=-1}"

2021-10-28 09:36:27 854

原创 vue 时间显示开始和暂停

<template> <div class="wrapper"> <h1 id=mytime>{{str}}</h1>  <button id="stop" name="button" @click="stop">stop</button>//开始时间按钮 .

2021-10-26 09:52:54 392

原创 vue 导航路由跳转点击两下，才会有选择中状态解决方案

1.vue 导航路由跳转点击两下，才会有选择中状态2.问题本质是传递激活状态3 在data面 **curren：0，**改进为 **current:this.$route.query.current | 0,4.在点击时间里面添加this.$router.push({path:toPath,query:{current:index}})...

2021-09-13 15:16:19 1789

原创 webpack创建的操作步骤

webpack.config.js webpack的配置文件// 作用:指示webpack 干那些活（当运行 webpack 指令时，会加载里面的配置）// 所有构建工具都是基于node.js平台运行的模块化默认采用commomjsconst {resolve} = require(‘path’);module.exports={// webpack配置// 入口起点entry:’./src/index.js’,// 输出output:{// 输出文件名filename:‘bu

2021-08-19 17:18:28 143

原创 vue脚手架3.0配置步骤

脚手架3.0配置步骤1、在全局安装脚手架cnpm i @vue/cli -g12、如果没有yarn，建议安装yarncnpm i yarn -g13、创建项目vue create 项目名字1如果是第一次初始化项目，脚手架会提示你，使用npm淘宝镜像下载，这样会比yarn快，你可以n掉，接下来会进入选择配置默认配置脚手架默认配置了一下简单的配置然后直接安装自定义配置按空格键进行选择和取消下面会进入是否开启路由的history模式n/y自己随意选择css预处理语言选择less

2021-07-26 15:02:55 108

vue3 h5 模板文件模板模板

小程序富文本样式解析（完整）

小程序接口富文本编译，

有关uni 和 vue 接口封装函数

空空如也