onexs的博客

vue-router 在当前界面监听路由变化问题在页面中, 需要在路由变化时, 使用对应的component, 并且使用对应数据解决<router-view v-slot="{ Component }" :key="key"> <component :is="Component"></component></router-view>computed: { // 路由修改时, 方法执行 key() { console.log

axios使用get请求下载资源问题下载类似这种非静态文件资源地址时, 需要将axios默认的响应类型进行修改, 在获取到数据后写入文件https://xxx.xxx/download解决let resUrl: string = "https://xxx.xxx/download"axios.create({ timeout: 3000, responseType: "blob", // 响应类型, 将响应数据转换为二进制数据 headers: {},

Vue webpack打包去除log需求在生产环境中, 不显示console.log函数解决在vue.config.js文件中, 添加webpack配置函数, 设置drop_console会忽略掉所有console.*函数module.exports = { configureWebpack(config) { // 是否生产环境 if (process.env.NODE_ENV === "production") { // 忽略输出 Pass true to dis

h5 下载文件需求点击按钮, 进行下载文件最开始使用这种方法, 但是会打开空白页window.open("下载地址");解决export function downloadFile(fileUrl, fileName = "") { const a = document.createElement("a"); // 下载链接 a.setAttribute("href", fileUrl); // 文件名, 为""时使用链接中的文件名 a.setAttribute("down

h5 input清空files需求使用input的change回调, 选中A文件, 再次选中A文件回调不会执行, 为了解决此问题, 清空input中的files解决removeFiles() { const dt = new DataTransfer() const input = document.getElementById('input') input.files = dt.files}...

css 样式穿透需求想要对公用组件修改样式, 使用scoped属性不会进行样式覆盖解决使用/deep/<style scoped>.class /deep/ .button { width: 100%;}</style>也可以使用 >>>在less, sass, scss中无法识别/deep/<style scoped>.class >>> .button { width: 100%;}</sty

安装vue脚手架npm install -g @vue/cli使用脚手架创建项目vue create my-project