Vue
Vue
畅畅orchid
这个作者很懒,什么都没留下…
展开
-
IE浏览器兼容Vue项目注意事项
IE浏览器兼容Vue项目注意事项原创 2022-08-22 15:11:43 · 463 阅读 · 0 评论 -
vue项目中去除#号后相关联的问题
vue项目中去除#号后相关联的问题原创 2022-08-22 15:11:04 · 636 阅读 · 0 评论 -
Vue中实现页面截图并上传
Vue中实现页面截图并上传原创 2022-08-22 15:10:06 · 1790 阅读 · 0 评论 -
tree结构数据单选示例
1、tree结构数据单选示例1、首先处理接口请求到的数据import { getTestTypeAPI } from '@/api/questions/set'import { formatSortQue } from '@/utils/format'format.js文件中:export function formatSortQue(arr) { let formatArr = [] function formatFun(arr) { arr.forEac原创 2022-03-20 13:51:30 · 1450 阅读 · 0 评论 -
微信小程序当前页面不可转发如何解决
1、微信小程序当前页面不可转发如何解决1、当小程序当前页面不可转发时,首先查看当前文件的js文件中,是否添加了 onShareAppMessage 事件,若没有,则不能正常转发,这时添加上 onShareAppMessage 事件即可// index.jsconst app = getApp()const api = require("../../api/index.js").API// 获取应用实例Page({ data: { tabList: ['推荐','案例'原创 2022-03-20 13:50:33 · 23489 阅读 · 1 评论 -
vue-cli2.0 项目启动问题处理
1、项目运行报错:与 webpack-dev-server 相关的方法一、将webpack-dev-server卸载并重新安装npm uninstall --save-dev webpack-dev-servernpm install --save-dev webpack-dev-server@3.11.2方法二、将package.json中的配置文件,一些比较常见的,带尖角号的 ’ ^ '的尖角去掉,比如: "element原创 2022-03-20 13:49:38 · 927 阅读 · 0 评论 -
Vue 实战篇
一、Ant Design Pro 介绍1、访问地址:https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤:vue create ant-design 依据需要选择相应的依赖cd ant-design 打开项目文件npm i ant-design moment 安装项目中的依赖,依据moment时间安装2、自定义Webpack和babel配置依据 vue CLI 相关 webpack 配原创 2022-03-20 13:44:42 · 1958 阅读 · 0 评论 -
vue生态篇
一、如何在Vue中使用vuex1、安装方法:vue create vuex-demonpm i vuexnpm run serve2、使用步骤:main.js中引入vueximport Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ count:0, }, mutations:{ increment(state,n){原创 2022-02-03 20:46:21 · 960 阅读 · 5 评论 -
vue基础篇
一、vue-cli的安装1、npm install -g @vue/cli2、vue create my-app3、cd my-app4、npm run serve二、插槽应用1、插槽:可以设置自定义样式` xxx.vue中书写 <template v-slot:item=itemProps> <span style="{fontSize:20px;,color:itemProps.checked?'red':'blue'}">{{原创 2022-01-30 13:29:13 · 502 阅读 · 0 评论 -
Vue中修改接口报500拦截的时间
Vue中修改接口报500拦截的时间1、一般在src/utils/request.js中修改时间:service.interceptors.response.use( <!--接口成功提示类型及时间--> response => { if (response.data.code == -6) { //登录失效 localStorage.clear() Message.error('登录信息失效,请重新登录')原创 2021-07-05 10:32:22 · 286 阅读 · 0 评论 -
Vue实现文件上传和文件下载
Vue实现文件上传和文件下载文件下载:文件下载一般分为几类情况:1、后台返回一个接口,直接是下载地址一般直接拼接后台返回的接口即可window.open(`${process.env.BASE_API}${requestPath.file}/download/${tag}`)${process.env.BASE_API}:指项目中设置的访问地址${requestPath.file}/download/${tag}:指接口路径及传入的参数2、location.href直接把 DataU原创 2021-07-05 10:31:38 · 1714 阅读 · 0 评论 -
vue项目总结小问题
项目总结:1、给数组中添加新属性this.list.map(item => { this.$set(item,'属性名',属性值)})//同时添加多个,并能监测更新this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })2、vue打包注意事项vue项目打包时,需要结合后台给的链接地址,设置好图片、css 、 js的路径,避免打包后页面请求不到,在config文件夹中index.js中设置build对原创 2021-03-15 10:12:18 · 699 阅读 · 0 评论