随笔分类 - Vue
摘要：sha256: 1.中文名、英文名，全都叫sha256 2.因为哈希值是固定大小的 256位所以名字有个256 3.听说最近流行的比特币，区块链中挺多地方都用到了这个加密算法 安装： npm install js-sha256 // 安装 使用： setSha(){ let sha256 = req
阅读全文
摘要：打开vite.config.js文件 正在server里添加一个host export default defineConfig({ plugins: [vue()], // 在文件中添加以下内容 server: { host: '0.0.0.0' } }) 再重新运行一下就可以了
阅读全文
摘要：效果图 代码： html: <template> <div class="cascader-container"> <el-select placeholder="省" class="select-item" v-model="selectedValue[0].adcode" @change="on
阅读全文
摘要：Web Speech API 有两个部分：SpeechSynthesis 语音合成 （文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别） SpeechSynthesis.cancel()：移除所有语音队列中的谈话。 SpeechSynthesis.getVoices
阅读全文
摘要：需求： 有个下拉框，下拉框选择自定义时，有个树状列表选择，再点击空白区域，树消失 选择自定义会有个树 然后就是点击空白区域让树消失 <div class="page" @click="clickAll" > ...... <!-- 树 --> <div id="idTree" v-if="isSho
阅读全文
摘要：有时候父组件通过props把值传给子组件， 子组件在mounted里用props传过来值作为参数去发送请求，有时会拿不到值的情况 利用监听可以解决这个问题 原： 父组件 <CalendarView :staffId="staffId"/> 子组件 props: ['staffId'], mounte
阅读全文
摘要：npm i node-sass@4.14.1 --save-dev npm i sass-loader@10.1.0 --save-dev npm i vue-router@3.2.0 npm install echarts-gl@1.1.1 --save npm install echarts@4
阅读全文
摘要：业务逻辑： 1，选择或搜索面包屑显示相应内容，并发送相应请求，更改url 2，点击面包屑后面的X，发送相应请求，删除搜索框里的值，更改url 1.点击时： 先在html结构中把各个分类的参数塞到dataset里 <a @click="goSearch" :data-categroyName="one
阅读全文
摘要：1.安装swiper版本5 npm install --save swiper@5 2.引入样式（一般在main.js中引入） import 'swiper/css/swiper.css' 3.使用的组件中引入并实例化 注：实例化要在dom加载完后，包括v-for等动态数据 import Swipe
阅读全文
摘要：卡顿现象： 正常：事件触发非常频繁，每一次触发，回调函数都会执行，如果时间很短，回调函数中有计算，有可能会出现浏览器卡顿 节流：在规定的时间间隔范围内，不会触发多次回调，只有大于这个时间才会触发回调。频繁触发 => 少量触发 防抖：前面所有的触发都会取消，最后一次的执行在规定的时间之后才会触发 频繁
阅读全文
摘要：路由组件与非路由组件的区别： 1.两者存放的位置不同components存非路由组件，pages存路由组件 2.使用方式不同。路由组件需要用vue-router,非路由用标签 3.注册完路由，非路由和路由都有$router,$route $route:一般获取路由信息【路径，query参数，para
阅读全文
摘要：import axios from "axios";//引入axios const service = axios.create({ baseURL: "/api", timeout: 600000, cancelToken: source.token }); // 请求拦截器 service.in
阅读全文
摘要：样图： 思路： 动态绑定class，用@mouseenter（）绑定一个事件，并将列的索引index传入，然后在data里建一个变量来保存，默认-1 0的话页面刷新后第一个背景色就已经显示了 html <div class="item" v-for="(one, index) in category
阅读全文
摘要：vue创建项目时其他配置 1.关闭eslint语法检查 创建vue.config.js module.exports = { lintOnSave = false } 2.src配置别名 @ 创建jsconfig.json { "compilerOptions":{ "baseUrl":"./",
阅读全文
摘要：1.先安装moment npm install moment 2.filter.js import Vue from "vue"; import moment from 'moment' Vue.filter('date-format',function(value,formatStr='YY-MM
阅读全文
摘要：安装： npm install better-scroll --save 使用; import Bscroll from 'better-scroll' this.$nextTick(() => { // 初始化滚动 this._initScroll() // 初始化tops this._initT
阅读全文
摘要：安装mockjs npm install mockjs --save 编写mock.js import Mock from 'mockjs' //引入mockjs import apiData from './data.json'//引入json格式的数据 Mock.mock('/seller',
阅读全文
摘要：安装； npm i vuex 创建store文件夹，包含count.js perosn.js 以及汇总的index.js count.js: export default{ namespaced:true, actions:{ waitJia(context,val){ context.commit
阅读全文
摘要：全部引入 安装：npm i element-ui main.js: //引入element import ElementUI from 'element-ui'; //引入element全部样式 import 'element-ui/lib/theme-chalk/index.css'; Vue.u
阅读全文
摘要：route.js // 该文件专门用于创建整个应用的路由器 import VueRouter from 'vue-router' //引入组件 import About from '../pages/About' import Home from '../pages/Home' import New
阅读全文
