weixin_43254676的博客

vue中动态绑定audio的src，播放无效，报错如下：<audio id="fixedAudio" ref="audio" :src="fixedSrc" />改用引入方式<tempalte><audio id="fixedAudio" ref="audio" :src="fixedSrc" /></template><script>import wav1 from '../../assets/audio/1.wav'expo

beforecreated：el 和 data 并未初始化created:完成了 data 数据的初始化，el没有beforeMount：完成了 el 和 data 初始化mounted ：完成挂载

$ git init //将目录变成git仓库$ git add 1.txt //将文件添加到版本库$ git commit -m “版本描述” //将文件提交到git仓库 并添加版本更新描述$ git status //查询文件状态是否有未提交的文件$ git diff 1.txt //查询1.txt修改的地方$ git log --pretty=oneline //查询版...

报错详情：The directory C:\文件\ideaWorkSpace\seckill-master is registered as a Git root, but no Git repositories were found there.点击右下角弹出窗口中的Configure 。这会在version contral (版本控制)选项卡上自动打开一个窗口也可以通过File-&gt...

ReconnectingWebSocket一个小的JavaScript库，它装饰WebSocket API以提供WebSocket连接，如果连接断开，它将自动重新连接。1.安装我安装时因为当前项目里一些包没有升级，导致无法直接自动安装，故用了 url 安装npm install https://github.com/joewalnes/reconnecting-websocket2.使用...

https://www.inqingdao.cn/5988.html

用法<!-- 基本 --><keep-alive> <component :is="view"></component></keep-alive><!-- 多个条件判断的子组件 --><keep-alive> <comp-a v-if="a > 1"></comp-a&...

阅读资料的时候不认真，**+ ** ？ ** * **是用来限制子表达式的长度的{n,m} 是用来限制字符长度的

保存cookieCookies.set(‘name’, ‘value’)const TokenKey = 'Authorization'export function setToken(token) { return Cookies.set(TokenKey, token)}或者export function setToken(TokenKey ，token) { retu...

如下图所示，要实现select下拉选择，当前工作内容绑定的值为表单中的jobId，显示的值为工作内容 jobName <el-select v-model="staffForm.jobId" placeholder="请选择" @focus="getJobs"> <el-option v-for="item in staf...

json字符串转json对象JSON.parse()

npm install -g @vue/cli

在无法连接webSocket时，控制台报错，内存溢出检查代码，发现是由于不断重连导致的内存溢出解决办法：https://www.jianshu.com/p/5297732db7f2

1.安装npm install vue-router2.引入import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3.使用1.router文件夹下的index.js,以下为基本代码import Vue from 'vue'import Router from 'vue-router'V...

npm install module-name -save 自动把模块和版本号添加到dependencies部分npm install module-name -save-dev 自动把模块和版本号添加到devdependencies部分

1.安装引用根据官网提示直接下载最新版本，请注意，最好不要单独一个个文件引用，因为有可能因为引入路径不对和引入不全导致项目报错，按官网提示下载下来安装包，直接在当前路径进行开发即可。表单我本次使用主要是应用表单，简单写一些1.表单项lay-verify=“required” 表示必填项 可通过 lay-reqtext 设置提示文字input 需要有name值，为以后获取input框里...

占坑，待总结

1. 定义标记变量 data() { return { firstPlayFlag: true, // 第一次播放标记 } } 2.应用if（this.firstPlayFlag） {// 执行函数this.firstPlayFlag = false} else {}...

const h = this.$createElement this.instance = this.$notify({ type: 'warning', dangerouslyUseHTMLString: true, title: this.warningGasInfo.gasTypeName, message: h('...

mounted() { const that = this window.onresize = () => { return (() => { window.screenWidth = window.innerWidth this.screenWidth = window.screenWidth })() ...

深坑自己在项目中使用setInterval，由于不正确的使用，竟然导致了浏览器崩溃，项目停止，电脑死机…可怕之极，下面详细写一下关于定时器的用法及注意事项声明 mouted() { this.timer = setInterval(()=>{ // 要执行的函数 }) }销毁destoryed() { this.clearInterv...

项目中的问题引用蜂鸟云地图，实现部署基站，但是数据库中的数据量很大，一下子全部渲染到地图页面，长事件运行控制台会有警告requestAnimationFrame' handler took <N>ms百度之后，大致了解到这个是因为画布绘制的原因，于是想要分批渲染基站到地图页面解决这个问题数组分组通过接口获取的基站数据的数组长度很大，需要分成每10个或者每20个一组的数组...

v-bind与v-model区别有一些情况我们需要 v-bind 和 v-model 一起使用：1data.name 和 data.body，到底谁跟着谁变呢？甚至，它们会不会产生冲突呢？实际上它们的关系和上面的阐述是一样的，v-bind 产生的效果不含有双向绑定，所以 :value 的效果就是让 input的value属性值等于 data.name 的值，而 v-model 的效果是使...

Failed to load resource: net::ERR_CONNECTION_ABORTED因为用了全局代理软件，所以一直要把localhost:改成127.0.0.1解决：在vue项目里全局搜索 localhost在 config/index.js下找到，把它替换成127.0.0.1问题解决，控制台不再报错作者：hery186来源：优快云原文：https://b...

computed: {isChangeVoiceDialog() {return this.$store.state.user.voiceDialogVisible}},// 监听,当路由发生变化的时候执行watch: {isChangeVoiceDialog: function() {console.log(‘变化了’)}},...

局部组件1.新建components目录，方便管理和修改2.component文件夹下新建VueAudio组件,注意要用驼峰命名法或者短横线命名法（—）export default{name: ‘VueAudio’}3.引用组件import VueAudio from ‘@/components/VueAudio’export default {components:{V...

通过addEventListener添加监听事件，必须通过removeEventListener来清除，这里的组件的显示与否为是否添加监听事件标记的衡量因素。

1.打开项目文件夹。找到config文件夹里的index.js文件中的build对象，将assetsPublicPath中的“/”，改为“./”。2.router文件下面的index.js路由配置文件不要配置mode: “history”（不用配置这个属性）3.修改config里面的index.js里面的productionSourceMap为false,默认情况是true（true代表打包环...

找了一些办法，具体可行并且比较简单的方法如下&amp;amp;amp;lt;el-dialog @open=“toggleBody(1)” @close=“toggleBody(0)”&amp;amp;amp;gt;//表格内容methods:{// 打开弹窗，body不可滚动toggleBody(isPin) {if (isPin) {document.body.style.height = ‘100vh’document....

vue中父组件触发子组件中的方法**　子组件：**&amp;lt;template&amp;gt; &amp;lt;div&amp;gt; child &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt; &amp;lt;script&amp;gt; export default { name: &quot;child&amp

父组件向子组件传值子组件向父组件传值兄弟组件之间的通信

&amp;amp;amp;lt;template&amp;amp;amp;gt;&amp;amp;amp;lt;el-upload ref=&amp;amp;quot;upload&amp;amp;quot; :limit= &amp;amp;quot;uploadLimit&amp;amp;quot; :data=&amp;amp;quot;uploadVoic

1.建立公共桥梁 eventVue2.传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。3、接收数据方，通过mounted(){}触发bus.$on(方法名，function(接收数据的参数){用该组件的数据接收传递过来的数据})，此时函数中的this已经发生了改变，可以使用箭头函数。参考原文网址https://blog.youkuaiyun.com/jingtian678/art...

使用vueX保存全局变量及全局变量的更改

vue-scroller不兼容PC端的鼠标滚轮上划和下滑，此时要监听鼠标滚轮事件，mousewheel，在Vue中引用即可created() { this.init() },methods: { init(){ let _this = this //此this指向的是vue window.on...

原文网址https://www.colabug.com/2079547.html

如果当前聊天时间不是当天时间，则显示 Y-M-D，或者为 H ： MM注意时间戳比较时，月份会差1，记得getMonth()后加1

**oninput =“value=value.replace(/[^\d]/g,’’)” //只能输入数字oninput =“value=value.replace(/[^0-9.]/g,’’)” //只能输入数字和小数**

dev.env.js文件是开发环境的变量，npm run dev命令；在build文件下webpack.dev.conf可找到在什么地方引入了此变量；prod.env.js文件是生产环境的变量，npm run build命令；在build文件下webpack.prod.conf可找到在什么地方引入了此变量；...