关于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-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 的时候,发现有几个警告。原因是我把组件起的名字写的和默认标签的名字一样了,导致系统不知道,怎么解析、我写了一个Header 组件, 和h5里面的header重名,解决方案1:header是默认标签,这会更组件冲突,vue不知道这是默认标签还是组件,所以不会渲染。建议改个名字。...
2024-01-10解决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-10关于vue的混入使用
普通使用:定义一个 mixin.js文件随便定一些数据记得后面导出然后在需要用的文件就可以获取了。全局混合:引入vue 全局注册混合main.js 入口文件引入然后就可以在所有页面使用了混合具体作用可以看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-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-22vue 接口调用返回的数据未渲染问题
如果在实例创建之后添加新的属性到实例上,他不会触发视图更新。官方说明: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【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-10vue3常用的API使用简介
目录生命周期的变更reactiveref我们在vue2.x中获取元素标签是用 ref ,vue3.x我们要获取元素标签怎么办呢?toReftoRefsshallowReactiveshallowReftoRawmarkRawwatchEffectgetCurrentInstanceuseStorevue3.x已经发布了这么久,相关的生态也慢慢起来了,包括vite这个新的打包工具,在vue3.0学习过程中有一些实用性的api对比,希望能在开...
2024-01-10vue六十一:使用vuex管理状态示例
VuexVuex是在中大型项目中,用来管理一些变量的。因为如果项目比较大,一些数据在各个页面中可能需要进行交替使用,如果数据量比较大,通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。官方文档:https://vuex.vuejs.org/zh/guide/安装:通过script安装:<script src="https://cdn.jsdelivr.ne...
2024-01-10解决vue中使用Axios调用接口时出现的ie数据处理问题
1.问题近期在使用vue2 + axios 调用接口时碰到一个IE中很奇葩的问题,让我头痛了很久。废话不多扯,就是在其他浏览器中调用接口返回数据然后可以很顺利的进行处理,但在IE(9-11)中发现发送请求是成功的而且也能抓到服务端返回来的数据。却发现在处理返回来的数据的时候处理的有点问题,怎么...
2024-01-10