weixin_43728978的博客

【代码】vue视频、图片自动轮播并伴随进度条。

vue、js对video视频中的某一帧截取，截取视频封面

自定义vue折叠tree

nuxt、vue树形图d3.js。思维导图

【代码】vue二进制转Base64图片展示。

vue多选、vue单选、vue不使用radio、vue选中添加样式、vue选中添加效果

// txt文件导出/**需要导出的数组内容*val*/ onClickDownDaily(val) { let title = "图片资源链接"; let str = ""; val.forEach((item, index) => { str += `地址-${index + 1}：${item}\r\n`; }); let allStr = title + "\r\n" + "\r\n" + str;

<el-table :data="search(keywords)" highlight-current-row :row-key="(row)=>row.id" @select="selectionCheck" :height="height" @current-change="currentChange" @selection-change="handleSelectionChange"> <el-table-column type="selection" :reser..

判断字段是否为空fileUrl(e){ let p=!this.isEmpty(e)&&String(e).replace(/^[\s]+|[\s]+$/g,'')!='[]'; if(p){ return JSON.parse(e) }else{ return false } }, isEmpty(str) { return (null == str || undefined ==

报错–ReferenceError: regeneratorRuntime is not defined//原因//不能解析async … await 等高级语法cnpm install babel-polyfill --save//在main.js文件中引入import "babel-polyfill"

命令输入cnpm install babel-plugin-syntax-dynamic-import --save-devwebpack.base.conf.js修改loader{ test: /\.js$/, loader: 'babel-loader', options: { plugins: ['syntax-dynamic-import'] }, include: [resolve('src

elementUI日期时间选择器范围（精确到，时、分、秒。????️）一、html<el-date-picker v-model="record.createTime" :picker-options="pickerOptions" format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择日期时间" />二、data部分pickerOptions: { disabledDate(time

1.在自定义组件中调用父组件的函数Vue.component('my-componnet',{ template:`<div @click="getF">{{]}</div>`, methods:{ getF:function(){ this.$root.f();//父函数 debugger this.$root.fVal;//父级data中的值...

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “cu...

1.html部分<div id="test"> <my-component ref="childFunction"></my-component></div>2.自定义组件Vue.component('my-component',{ templata:`<button>你好！</button>`, method...

1.html部分<div id="test"> <my-component @click.native="father"></my-component></div>2.自定义组件Vue.component('my-component',{ templata:`<button @click="father"></butt...

1.html部分<div id="test"> <my-component :testData="testData"></my-component></div>2.自定义组件Vue.component('my-component',{ templata:`<div>{{testData}}+二蛋</div>`,...

1.首先创建一个自定义组件Vue.component('test-component',{ template:`<div id="el"><input @input="change"><button @click="getInputData">点我看input数据</button></div>`, event:'inputData'...

1.首先你有一段拼接的html代码let conten=`<button οnclick="come()">点我</button>`;2.然后你需要在methods中有一个函数methods:{ come:function(){ alert('你好，再见！') },}3.下一步就是连接起桥梁的关键点created(){ let _this=this...

先看看效果图首先你需要有一个前端的html分页<!-- 分页 --> <ul class="pagination" style="display: flex;justify-content: center;" id="paginationUl"> &...