关于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-10vue使用ts后注册插件的问题
我想在全局添加一个组件,就使用了Vue.use的方法注册一个插件,在引入ts后,便报了这一句错误,求解怎么解决index.tsimport infoList from './components/public/info.vue'const Components = {infoList,}const installer = {install(Vue:any,opt:any) {Object.keys(Components).forEach((name:any) => {Vue.component(name, ...
2024-01-10vue知识点汇总
一、学习vue必须了解的几个知识点 1、node.js介绍node是一个让JavaScript运行在服务端的开发平台,使用JavaScript也可以开发后台服务。说明白些它仅仅是一个平台,我们使用vue开发必须要安装node.js。 2、npm 介绍npm是node.js官方提供的包管理工具,他已经成了Node.js包的标准发布平台,用于Node.js包的发布...
2024-01-10vue一个动态加载组件使用的问题
描述:我维护了一个npm的组件包,里面有一个组件的功能,需要动态显示某个组件(这个组件是由引入方项目里面的组件)下面代码为应用项目中main.js中传递了一个loadVue方法进行动态导入组件。Vue.use('xxx', { loadVue: function(file) { // return require('@/views/' + file) 加载成功 return i...
2024-03-03vue下使用ts引入@/xxx组件的问题
原项目是用js写的,现在新的页面想使用ts写,但在用import引入 @ 开头的组件会报错,在js下是没有问题的import MixinPermission from "@/mixins/Permission.vue";回答:ts 配置需要读取项目根路径的 tsconfig.json,添加 paths 配置即可:{ "compilerOptions": { "target": "es...
2024-02-12Vue - 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操作dom问题
如上图,我需要在光标位置插入一个input,我目前的做法是在每个string的后面隐藏一个元素(包括input,radio,checkbox),用v-if控制显示的类型,我想请教我这样的做法是否正确呢?是否存在更优的做法,例如实时将html元素拼接,但是在vue中又是否要避免直接去操作dom呢?回答:你是要实现富文本编辑器的功能吗回答:你是想自己在JavaScript基础上再写个超文本标记语言...
2024-03-09vue的多级联动问题
如图所示,比如我选择了河北,点了石家庄,:class="item === nowPrice ? 'lan' : ''" 这样就加上了颜色,然后点击确定没问题再打开显示石家庄没问题,如果不点确定 点body关闭之后再打开应该还是全球,这应该怎么实现,求指导回答那就在点击body关闭的时候把数据重新更新为全球定义一个变量是否点击确定,...
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解决vuex刷新数据消失问题
前言vue构建的单页大型项目中,可能会用到Vuex 。Vuex 的状态存储是响应式的,当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。但是有一个问题就是:vuex的存储的数据只是在页面的中,相当于我们定义的全局变量,刷新之后,里边的数据就...
2024-01-10vue 循环调用接口赋值问题
循环调接口的时候,里面赋值的数组tableData在外面拿不到,然后想修改成等待所有接口都返回200 的时候再赋值,应该如何修改,感谢各位if (this.checkHelpData.length > 1) { var str = '' var totalAmout = '' this.checkHelpData.forEach(asyn...
2024-02-14【Java】vue使用axios调用API问题
前端vue通过axios调用java接口,用的是springboot+jwt,用post请求的时候,headers里带了个token,请求的时候会变成options,然后报401。网上找了一下说这是预检请求,在服务端判断options后回传成功,但还是报了个跨域的错,没有自动发post请求,这是什么原因?没有自定义headers的请求是正常的。回答跨域请求...
2024-01-10vue.extend()使用?
const componentNameMap = { 0: 'addProjectTemplate', 1: 'addRsgroupTemplate', 2: 'addNamespaceTemplate', 3: 'addTableTemplate' };假如我希望例如映射的方式,比如vue.extend(addProje...
2024-02-23vue2.0之Vuex使用实例
目录(?)[-]一项目目录结构二mainjs中的相关配置三storejs文件来自CODE的代码片 snippet_file_0txt四在vue页面中使用全局变量和函数之前在几个项目中都用到了Vuex,感觉对于全局状态的管理挺好用的。网上关于Vuex的资料不太多,在这里把项目中Vuex的使用分享下供大家参考。(一)项目目录结构...
2024-01-10vue使用没有解析求解
使用vue 后发现都没有解析出来,不知道又犯了啥低级错误,有看出来的给指点下。 回答vue/0.10.0??用这么早版本?语法跟现在有不一样的地方。0版本也不见得有完整的功能...
2024-01-10Vuex的介绍以及使用
一,什么是Vuex?vuex是一个专为vue.js应用程序开发的状态管理模式。vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要:多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会变得很繁琐,并且对于兄弟组件间的传递无能为力。这需要你去学习下,vu...
2024-01-10vue中需要注意的问题总结(上)
React 与其说是一种框架,倒不如说是一种开发范式。它的核心理念非常简单:界面/视图就是数据结构的可视化表达UI = f(data)而界面/视图由组件组合而来UI = f1(data) + f2(data) + f3(data) + ...That's all.React 扮演的角色就是上述公式中的 f,它完全是函数式的,组件就是函数,给它一个输入(传参),它就返回...
2024-01-10vue实战中的一些实用小魔法汇总
能让你首次加载更快的路由懒加载,怎么能忘?路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个????,如果这样写,加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component: Home }, { ...
2024-01-10Vue2.0总结———vue使用过程常见的一些问题
Vue目前的的开发模式主要有两种:1.直接页面级的开发,script直接引入Vue2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了webpack可以进行配置,配置多文件入口,进行多页面开发第二种Vue开发,结合webpack打包完文件会很大,怎么解决这个问题?1.webpack代码拆分:code-splitin...
2024-01-10vue点击列表拦截问题?
子组件有个列表,父组件接收列表参数,想在列表点击前做个拦截,如果符合条件在选中列表,请问大佬改怎么做呢谢谢!<div class=table-list> <ul> <li v-for="(item,index) in tableList" :key="index" @click="beforeSelect();onSelect(item,index);"> ...
2024-02-19vue 使用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中的无限循环问题
项目中遇到了这样一个问题:每一种产品有对应的服务费,每一个商家有多种商品要单独计算每一家的服务费,最后汇总总的服务费用。我直接写了一个方法来计算出每个商家和总的服务费用并return出来。如果不看控制台的话运行是没问题的。但是控制台报了无限循环的错误。下面是错误代码html:...
2024-01-10vue3模版文件路劲问题?
下面两种路由路径,哪种会更好,有经验的大哥给一些建议第一种:export default [ { path: '/', name: 'home', component: () => import('../views/HomeView.vue') }, { path: '/about', name...
2024-02-25