小耳朵晨晨

生成a标签事件点击链接使用bolb方式 下载。简单版本：html:<button onclick="uploadFile()">下载文件</button>js:function uploadFile(){ axios({ url:'http://localhost:3000/file', responseType:'blob', // responseType: 'arraybuffer', method:'p

本地存储 object 数据const state = { busChildDetail:JSON.parse(localStorage.getItem("busChildDetail"))||{}, policyInfo:JSON.parse(localStorage.getItem("policyInfo"))||{},}const mutations = { SET_BUSCHILDDETAIL(state, busChildDetail) { state.busChi

主页是helloWorld:a.vue 和b.vue是两个兄弟模块实现功能 两个兄弟模块都能使用helloWord的num 。新建一个event-bus.jsimport Vue from 'vue'export const EventBus = new Vue()在main.js中创建实例 （添加一句）Vue.prototype.$EventBus = new Vue();helloWorld页面<template> <div class="h

<el-table border :data="tableData" ref="multipleTable" v-loading="tableLoading" :row-key="(row)=>{ return row.personId}" :cell-style="yellowBg" @selection-change="handleSelectionChange" :header-cell-style=.

例如一行20页，页面出现滚动条，筛选后页面滚动条没了，但是页面没有恢复，滚动条仍然占用位置。watch: { //tableData 是表格的数据，数据变化时刷新样式 tableData(){ this.doLayout(); } },methods: { /* 重新渲染table组件 */ doLayout(){ this.$nextTick(() => {

是简书里一个大神写的，我根据自己的数据稍微改了下效果图：dom:<el-table :data="data" style="width: 100%" :span-method="objectSpanMethod" border > <el-table-column prop="hotelPurpose" label="酒店用途"> </el-tab.

js 两个数组对象比较如果a数组中的id在b数组中没有，判断如果id相同删除数组中的这个对象，如果不相同，添加这个对象 let vm = this; let index = vm.handelTableList.findIndex( (val) => val.idNum === row.idNum, ); if ( vm.handelTableList.findIndex((val) => val.idNum

on:function(el){if(el.arr&&el.arr.length<1){checkAate();}varelf=el.change[0];varall=[];...

原数组：[ { "id": 13, "category": "1", "type": "1", "beginTime": "1", "planDetails": "[\"1\",\"3\",\"5\",\"6\"]" }, { "id": 12, "category": "3", "type": "1", "beginTime": "1

场景是使用vant list 做子组件时 ， loading改变报错。（并不影响使用）父组件：<listTemp:list="standard_product_list":listPage="'sp'":loadingPar.sync="loading":finished.sync="finished"@scrolltolower="searchBtn"/>子组件<van-listv-model="loading"...

如果没有config /index.js文件目录，在根目录下建一个vue.config.js 文件 ，有哪个目录就在那个目录下：// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分，具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部

场景是列表页有搜索条件后跳入详情页，从详情页返回列表页不刷新。在列表和详情页设置keepAlivemeta:{title:'详情页',keepAlive:true//此组件需要被缓存}meta:{title:'列表',keepAlive:true//此组件需要被缓存}这种方式详情页也会被缓存， 有两个方法。第一个方法是进入详情页时重新弹出一个页面，详情页是新页面。 详情返回列表时关闭页面，这个...

在nginx配置里添加vue-route的跳转设置（这里首页是index.html，如果是index.php就在下面对应位置替换），正确配置如下（添加下面标红内容）：[root@test-huanqiu ~]# cat /Data/app/nginx/conf/vhosts/testwx.wangshibo.com.conf server { listen 80; server_name testwx.wangshibo.com; ...

本地环境可以用打包后找不到挂载的get,post方法 : 报错TypeError: Cannot read property 'post' of undefinedapp.config.globalProperties.$http=http 在main.js中能够打印出来， 问题也许出在 const{ctx}=getCurrentInstance();使用 const{proxy}=getCurrentInstance(); 获取挂载方法是使用proxy.$h...

setup() { onBeforeMount(() => { // 在挂载前执行 }) onMounted(() => { // 在挂载后执行 }) onBeforeUpdate(() => { // 在更新前前执行 }) onUpdated(() => { // 在更新后执行 }) onBeforeUnmount(() => { // 在组件.

官网写法<!-- 使用动态的 transition name --><transition :name="transitionName"> <router-view></router-view></transition>// 接着在父组件内// watch $route 决定使用哪种过渡watch: { '$route' (to, from) { const toDepth = to.path.split('/')

安装vue3.0默认没有vue-router 需要下载4.0版本 ，就像elementUI 在vue3.0使用时需要下载element-plus下载：npm install vue-router@4.0.0-beta.13src目录创建route文件夹下的index.js 。 假设有了两个页面import { createRouter,createWebHistory} from "vue-router";const routerHistorys = createWebHistor...

1.打包后的路径需要改一下 . 在index.html 页面引用的文件前添加./ 例如<scriptsrc="js/chunk-vendors.04dc677a.js"></script><scriptsrc="js/app.138fba4c.js"></script>2. 这个办法好（建议）在项目中创建vue.config.js 文件内容放入module.exports={publicPath:process...

<el-table-column label="排名" width="100" align="center"> <template slot-scope="scope">{{ scope.$index + 1 > 9 ? scope.$index + 1 : "0" + (scope.$index + 1) }}</template> </el-table-column><di.

今日解决问题：1. 动态删除对象中的数组 。（上篇有例子，解决思路是先根据数据另起一个小demo，缕清思路）2. 使用无限滚动插件刷新后 页面报错（vue nuxt 项目）vue nuxt Cannot use import statement outside a module在nuxt.config.js中添加：build: { transpile:[/^element-ui/]} 即可解决这个问题3. 左侧菜单高亮 ，刷新后样式消失sessionStorage 缓存点击后的下标...

问题是选中这一页的数据后关键词搜索，数据变化了， list 重新加载了 ，computed改变。 computed:{ //计算药品件数 sumSelect: function() { var tatol = 0; for(var i = 0; i < this.newList.length; i++) { va...

错误：Support for the experimental syntax 'dynamicImport' isn't currently enabled解决方法：第一步下载官方babel转换import插件npm install --save-dev @babel/plugin-syntax-dynamic-import第二步项目根目录新建一...

<toolipt ref="child" /> //子组件定义一个refthis.$refs.child.queryGet() //在父组件调用组件的ref获取方法名 。可以传参queryGet(e){ console.log(e)} //这里是子组件...

完成日期和时间选择 ，条件是 8:00 - 20:00 。type="datetime" 可以实现日期与时间同时选择但是不能自定义条件。<el-date-picker v-model="dxDate" type="date" value-format="yyyy-MM-dd" :picker-options="pickerTime" ...

通过validator验证 ，当时间小于当前时间20分钟，清空选框的值,disabledDate日期禁止选中，只能选7天之内的日期效果：<el-form-item label="短信发送时间" prop="smsSendTime"> <el-date-picker v-model="queryParam.smsSendTim...

有可能是因为没写prop<el-form :inline="true" ref="queryParam"> <el-form-item label="创建时间" prop="date"> {{date}} </el-form-item> <el-button size="mini" @click="...

跳转拦截，不光使用在登录，例如某些需要次序加载的页面，除根目录外需要拦截，在meta中增加requireAuth:true。进入判断，根据存在的session 判断。routes: [{path: '/',name: 'patientInfoAdd',component: ()=>import ('@/views/patientInfoAdd.vue')},...

vue 页面1.引用webim.js我在app.vue中全局引用import './api/webim.js'2. 登录im , 方法在created中运行。 接口返回对象，webim.login 初始化immethods:{ imLogin:function(uuid){ var vm=this; //注册监听事件 var li...

拷贝了一个项目改了项目名运行后出现的错误 .原来以为是因为拷贝项目,运行了之前项目也启动不来 .( 不能使用 import )搜索原因是因为webpack出现的问题 .安装@babel/plugin-syntax-dynamic-importnpm install babel-plugin-dynamic-import-webpack --save-dev项目根目录新建一个...

修改eslint的语法检测，文件为根目录下的 package.json文件（规则写在rules内）"off"或者0 //关闭规则关闭"warn"或者1 //在打开的规则作为警告（不影响退出代码）"error"或者2 //把规则作为一个错误（退出代码触发时为1）"no-alert": 0,//禁止使用alert confirm prompt"no-arra...

1. :class 动态样式:class="['p-tb','b-b',activeClass==1?'showBor':'']"2.怎么修改dom元素尽量不要用ref的方式去修改元素 .如果样式控制,通过点击方法传参数控制dom的动态样式...

<el-checkbox-group v-model="checkedCities" > <el-checkbox v-for="i in cities" :label="i.id" :key="i.id" >{{i.name}}</el-checkbox></el-checkbox-group>data () { ...

或者用# 模式的路由，或者修改nginx里的配置nginx.conflocation / {root html;index index.html index.htm;try_files $uri $uri/ @router;}location @router {rewrite ^.*$ /index.html last;}...

这里用到了vant的ui index.html的头加上<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />1.安装lib-flexible$ npm install post...

1.找到config目录下的index.js文件。2.找到host，把localhost改成0.0.0.03.重启项目，将端口号前的地址改成本机ip地址， (查看本机ip: 运行cmd ，命令ip config)。这个地址生成的二维码就可以通过手机端的扫一扫功能进入页面啦。...

1.全局安装vue的脚手架：vue-cli （第一次安装了之后，以后在用init创建新项目的时候就不需要再安装vue-cli了。因为全局安装是将安装包放在/usr/local 下或者你 node 的安装目录，以后可以直接在命令行里使用。） npm install vue-cli -g （-g安装到全局目录）2.使用初始化 vue 项目: （使用 webpack模板搭建项目...

首先想到的是使用过滤器filters: {htmlfilter: function (val) { return val.replace(/<[^>]*>/g);}}<p>{{cont.content | htmlfilter}}</p>可是标签换成了undefined 被输出 然后控制台也报错：Error in rend...

使用脚手架创建项目的时候 不小心安装了eslint运行时控制台报警告： 在 目录bulid 下 webpack.base.config.js 大的文件中找到 如下代码并注释const createLintingRule = () => ({ /*test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: ...

命令行输入：sudo npm install --global vue-cli输入密码：回车在命令行输入 export PATH="$PATH:/Users/panchenchen/.npm-global/bin/" （替换加粗的输入上个命令时查到的vue路径）在命令行 输入vue 成功查看 vue-cli...

CryptoJS提供了各种加密解密。npm下载包：npm install crypto-js --save-devlet words = CryptoJS.enc.Utf8.parse(this.userpwd); // 加密let base64 = CryptoJS.enc.Base64.stringify(words); //base64加密...