vue使用ts时遇到的问题
1，在vue的ts文件中引入json文件，会报如下红色波浪线在tsconfig.json的文件中加入"resolveJsonModule": true即可解决，如果波浪线还在，可以关闭编辑器在打开2，在ts项目中引入第三方包的时候，会报这个红色波浪线因为ts是强语言类型，引入的js包没有被转化，解决方法是可以npm install @types/js-md5，就可以解...
2024-01-10
关于vue中使用rem问题
1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.安装px2rem-loadernpm install px2rem-loader4.配置px2rem-loader在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，将下面代码加...
2024-01-10
关于vuex报错问题
map.jsgetterindex.js组件里调用报错：请问一下这是什么原因了回答mapMutataions应该放到methods里，而不是computed...
2024-01-10
vuex数据延迟问题
store中目前为了不延迟，我是在外面加了一个setTimeout有没有更好的办法回答没有看懂为什么会延迟？不过为什么不使用 Vue.nextTick...
2024-01-10
vue知识点汇总
一、学习vue必须了解的几个知识点 1、node.js介绍node是一个让JavaScript运行在服务端的开发平台，使用JavaScript也可以开发后台服务。说明白些它仅仅是一个平台，我们使用vue开发必须要安装node.js。 2、npm 介绍npm是node.js官方提供的包管理工具，他已经成了Node.js包的标准发布平台，用于Node.js包的发布...
2024-01-10
Vue - Vue问题汇总
mac用npm安装gyp报错：NPM Error：gyp: No Xcode or CLT version detected!执行如下命令sudo rm -rf $(xcode-select -print-path)xcode-select --installnode-sass 及 node-gyp 安装失败报错如下...gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2...npm ERR! node-sas...
2024-01-10
用vue做倒计时遇到个问题
求问 大家写定时循环触发的功能都是在哪个生存期写啊? 现在的情况是控制台没有报错, 但是页面并没有把cutedown_str对应的数据传给view层, 用vm.$log()观察 数据是在按照要求定时变化的 ,但是不同步到view,求救~回答：其实你的放哪里都行， created 和 ready 都行，无非就是起作用的时间不一样而已。不...
2024-01-10
解决vuex刷新数据消失问题
前言vue构建的单页大型项目中，可能会用到Vuex 。Vuex 的状态存储是响应式的，当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。但是有一个问题就是：vuex的存储的数据只是在页面的中，相当于我们定义的全局变量，刷新之后，里边的数据就...
2024-01-10
vue v-for 使用问题整理小结
今天使用v-for指令的时候遇到一个错误[Vue warn]: Error in render: "TypeError: Cannot read property 'children' of undefined"页面使用代码 <template v-for="(c,i) in modelList.Course.children"> <div :key="i" class="course-block"> <CourseStruct :process="isbuy" :cour...
2024-01-10
vue中使用防抖函数
工具类/** * 防抖 * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @return null */let timeout: any;export default { debounce(func: any, wait = 300, immediate = false) { // 清除定时器 if (timeout...
2024-01-10
vue 使用出现的问题（持续记录）
今天写vue 的时候，发现有几个警告。原因是我把组件起的名字写的和默认标签的名字一样了，导致系统不知道，怎么解析、我写了一个Header 组件, 和h5里面的header重名，解决方案1:header是默认标签，这会更组件冲突，vue不知道这是默认标签还是组件，所以不会渲染。建议改个名字。...
2024-01-10vue使用技巧及vue项目中遇到的问题
这里给大家分享一下vue中的一些技巧，希望对大家有用处。（话不多说上代码）1，vue路由拦截浏览器后退实现表单保存类似需求（为了防止用户突然离开，没有保存已输入的信息。）//在路由组件中：mounted(){},beforeRouteLeave (to, from, next) { if(用户已经输入信息){ //出现弹窗提醒保存表单，或者自动...
2024-01-10Vue中使用vux配置代码详解
一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project // 进入项目npm install --registry=https://registry.npm.taobao.org // 开始安装npm run dev // 运行项目二、想在已创建的Vue工程里引入vux组件<1>. 在项目里安装vuxn...
2024-01-10
vue遇到的问题与疑问
1、初始化vue项目，报错This is probably not a problem with npm,there is likely additional logging output above原因：版本原因，更新一下解决方案： npm install之后，运行 npm i -D [email protected]2、引入fontAwson打包完后路径问题解决方案：在build》utils.js加上图中那一段代码 publicPath:'../../'3、打包问题注意事项npm run bu...
2024-01-10
vue使用本地数据报错
引入报错是路径的问题还是什么问题呢这个回答这样引入会找当前目录下@menu.json这个json文件，找不到所以报错，这个需要看@的配置，应该一般是src下面，现在你menu.json和src是同级的，如果是放在src下面的话@/menu.json就可以了，现在这个路径的话需要import JSON from "../../menu.json";...
2024-01-10
关于vue样式的问题？
使用了qiankun// test.vue<style scoped lang="scss">.login-body { .el-input__inner{ height: 50px; padding-left: 50px; line-height: 50px; font-size: 16px; color...
2024-03-16
vue组件的按需引入使用循环会有问题吗？
import { createApp } from 'vue'import App from './App.vue'import { Button } from 'vant'const app = createApp(App)const vantList = [Button]vantList.forEach(item => app.use(item))app.use(store)...
2024-02-14
vue中需要注意的问题总结(上)
React 与其说是一种框架，倒不如说是一种开发范式。它的核心理念非常简单：界面/视图就是数据结构的可视化表达UI = f(data)而界面/视图由组件组合而来UI = f1(data) + f2(data) + f3(data) + ...That's all.React 扮演的角色就是上述公式中的 f，它完全是函数式的，组件就是函数，给它一个输入（传参），它就返回...
2024-01-10
vue3 执行顺序问题？
app.vue里面调用了initJwt这个方法，但是打印的时候会有一个时间差，有的时候initJwt还没有执行完就走了页面的接口，想要在initJwt执行完成之后再去调用页面的接口，应该如何修改页面接口回答：可以在main.ts中去调用, 此时路由还没有导入呢回答：在onBeforeMount生命周期钩子函数中在执行列表接口之前先等待执行initJwt方法回答：如果是很重要的初始化，就用一个...
2024-02-25
使用vue实现计时器功能
本文实例为大家分享了vue实现计时器功能的具体代码，供大家参考，具体内容如下首先我们要知道setTimeout和setInterval的区别setTimeout只在指定时间后执行一次，代码如下：<script> //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = windo...
2024-01-10
vue 使用vux封装的微信分享
main.js引入import {WechatPlugin} from 'vux'Vue.use(WechatPlugin)公共的jswxShare.jsimport Vue from 'vue'import { vm} from '@/main'//微信分享const wxShare = (obj, callback) => { // console.log(obj,callback); function getUrl() { var url = window.location.href; ...
2024-01-10
vue中使用axios后出现问题（页面变为空白页面）
未引入axios时页面显示正常使用axios后页面变成了空白页面（请求到的图片链接是可用的），只剩下最外层名为app的div回答：你是说把图中的代码注释后页面就正常了是吗？看上去是有语法错误，await关键字必须在带有async关键字的异步函数作用域中使用，但你的浏览器截图看起来控制台并没有报错，这也是有点奇怪……你把注释的几行代码改成这样试下：axios.get("http://localho...
2024-02-22使用vuex解决刷新页面state数据消失的问题记录
在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex（一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化），解决组件之间同一状态的共享问题。因子：Vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。Vuex劣势：在刷新...
2024-01-10
【Vue】使用vuex如何追加数据？
我想通过vuex来实现上拉加载更多的功能，但追加的数据不知道怎么放进state.lists里，这是部分代码：const state = {lists:{}};const mutations = {GETLIST(state,res) {//初始列表的数据state.lists = res;},GETMORE(state,res) {//加载更多数据Object.assign(state.lists,res); //可以用这种方式往lists中追加数据吗？console.log(state.lists);...
2024-01-10
vue 接口调用返回的数据未渲染问题
如果在实例创建之后添加新的属性到实例上，他不会触发视图更新。官方说明：https://cn.vuejs.org/v2/guide/reactivity.html#%E5%A6%82%E4%BD%95%E8%BF%BD%E8%B8%AA%E5%8F%98%E5%8C%96 下面这段是官方的一段 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.de...
2024-01-10
