关于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-10vue使用ts时遇到的问题
1,在vue的ts文件中引入json文件,会报如下红色波浪线在tsconfig.json的文件中加入"resolveJsonModule": true即可解决,如果波浪线还在,可以关闭编辑器在打开2,在ts项目中引入第三方包的时候,会报这个红色波浪线因为ts是强语言类型,引入的js包没有被转化,解决方法是可以npm install @types/js-md5,就可以解...
2024-01-10Vue 常见问题汇总
Q:我给组件内的原生控件添加事件,怎么不生效了!!!<!--比如用了第三方框架,或者一些封装的内置组件; 然后想绑定事件--><!--// 错误例子1--><el-input placeholder="请输入特定消费金额 " @mouseover="test()"></el-input><!--// 错误例子2--><router-link :to="item.menuUrl" @click="toggleName=''"> <i :class="['fzicon',item.menuIcon]"></i...
2024-01-10关于vuex报错问题
map.jsgetterindex.js组件里调用报错:请问一下这是什么原因了回答mapMutataions应该放到methods里,而不是computed...
2024-01-10vuex数据延迟问题
store中目前为了不延迟,我是在外面加了一个setTimeout有没有更好的办法回答没有看懂为什么会延迟?不过为什么不使用 Vue.nextTick...
2024-01-10vue知识点汇总
一、学习vue必须了解的几个知识点 1、node.js介绍node是一个让JavaScript运行在服务端的开发平台,使用JavaScript也可以开发后台服务。说明白些它仅仅是一个平台,我们使用vue开发必须要安装node.js。 2、npm 介绍npm是node.js官方提供的包管理工具,他已经成了Node.js包的标准发布平台,用于Node.js包的发布...
2024-01-10用vue做倒计时遇到个问题
求问 大家写定时循环触发的功能都是在哪个生存期写啊? 现在的情况是控制台没有报错, 但是页面并没有把cutedown_str对应的数据传给view层, 用vm.$log()观察 数据是在按照要求定时变化的 ,但是不同步到view,求救~回答:其实你的放哪里都行, created 和 ready 都行,无非就是起作用的时间不一样而已。不...
2024-01-10Vue - 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-10vue调用静态资源路径问题
我在做项目时,用原生的<img>标签直接写"../assets/img/home_top.jpg"打包后就可以显示,但是我自己建了一个<Videox>视频组件,同样写"../assets/img/head.mp4"就调不到视频资源,img文件夹下面都有上面的文件。。有人遇到过这问题吗??同样的不用自建组件,用原生组件像下面一样写也没问题:回答:试试require的方式?比如:<Videox sr...
2024-03-03解决vuex刷新数据消失问题
前言vue构建的单页大型项目中,可能会用到Vuex 。Vuex 的状态存储是响应式的,当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。但是有一个问题就是:vuex的存储的数据只是在页面的中,相当于我们定义的全局变量,刷新之后,里边的数据就...
2024-01-10vue 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-10vue中使用防抖函数
工具类/** * 防抖 * @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-10vue2.0之Vuex使用实例
目录(?)[-]一项目目录结构二mainjs中的相关配置三storejs文件来自CODE的代码片 snippet_file_0txt四在vue页面中使用全局变量和函数之前在几个项目中都用到了Vuex,感觉对于全局状态的管理挺好用的。网上关于Vuex的资料不太多,在这里把项目中Vuex的使用分享下供大家参考。(一)项目目录结构...
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-10vue使用本地数据报错
引入报错是路径的问题还是什么问题呢这个回答这样引入会找当前目录下@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-16vue组件的按需引入使用循环会有问题吗?
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-14vue中需要注意的问题总结(上)
React 与其说是一种框架,倒不如说是一种开发范式。它的核心理念非常简单:界面/视图就是数据结构的可视化表达UI = f(data)而界面/视图由组件组合而来UI = f1(data) + f2(data) + f3(data) + ...That's all.React 扮演的角色就是上述公式中的 f,它完全是函数式的,组件就是函数,给它一个输入(传参),它就返回...
2024-01-10vue3 执行顺序问题?
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-10vue 使用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-10vue中使用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】新手问个问题,路由里怎么调用vuex
逻辑是这样的,注册功能不是提交方式,是oauth2模式token抓取回来后这是store/user代码显示routes.js里的部分代码import { USER_SIGNIN } from '../store/user'...path: '/callback', //登录meta: { auth: false },beforeEnter: (to, from, next) => {util.get('/api/user',{},(res) => {USER_SIGNIN(res.data)//这句是错误的...
2024-01-10