六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百

vue或uniapp使用pdf.js预览。一、先下载稳定版的pdf.js，可以去官网下载官网下载地址 或pdf.js包下载(已配置好，无需修改)二、下载好的pdf.js文件放在public下静态文件里，uniapp是放在static下静态文件里​

uniapp H5预览PDF文件

在钉钉pc端下载使用时发现下载文件类型为All,下载后出现打不开文件问题 （如图）dd.biz.util.downloadFile 官方文档。xxxx.docx 或 xxxx.jpg。带上文件后缀类型后文件类型就正常了。文件名称必须带上文件的类型，

由于uniapp 的 uni.uploadFile 上传的限制，无法实现上传excel、world、ppt等类型的文件，不支持下图的上传方式，故只能调用原生的方法来解决。

element-plus和原element版本的组件不太一样，以下记录element-plus控制选择范围用法:disabledDate="disabledDateFun"<el-form-item label="计划起始时间" > <el-date-picker style="width:100%" size="small" v-model="timeArr" type="datetimerange" :di

验证起作用规则：关键在于1、:prop="'table的data字段名.' + scope.$index + '.input字段名'" 2、v-model="scope.row.input字段名"例如：<el-form-item :prop="`tableData[${scope.$index}].SubjectBook.C_Name`" :rules="[{ required: true, message: '请输入标题', trigger: 'blur' }]

一、绑定属性 :row-class-name="tableAddClass"<el-table :header-cell-style="{background:'#E9E9EB',color:'#000000'}" :data="tableData" border v-loading="loading" :row-class-name="tableAddClass"></el-table>二、导入方法export function tableAddClas

重点是html效果图

记录el-input使用原生JS事件修改值data后v-model值不同步问题原因：js修改时没有触发input事件$emit(‘input’,value)这时候问题出现了，v-html的值并没有改变。

如遇到复杂表格时可使用这种方式导出。

项目打包发布，之后可能存在接口域名更换，项目名称修改等情况，就需要开发人员重新修改代码，重新发布，比较费时费力。希望可以将这些配置在一个文件中，如需更换，运维可直接打开配置文件，更改保存即生效。......

uview u-number-box组件在循环不默认显示问题

由于项目中可能需要多个开发或打包环境，单一的打包环境无法满足开发需求，故记录此方案一、在项目的根目录新建你需要的环境二、配置内容 1，.env.dev 开发正式环境NODE_ENV = 'development'VUE_APP_URL_ENV = 'development' 2，.env.devtest 开发测试环境NODE_ENV = 'development'VUE_APP_URL_ENV = 'devtest'...

问题：使用@mousemove绑定事件拖拽速度过快有严重的卡顿，只能慢慢拖动才行，鼠标只要移动快了，就失效，不能拖动了。解决办法：结合原生js实现拖动一，项目中的组件<template> <div> <div class="ctn ctn1"> <div class="sub sub1" v-for="(site, index) in list" :key="index"> <div .

一、使用场景假如我们要做一个页面，有父组件，子组件，孙子组件......，这时候使用props传递，这也就意味着当你想向嵌套层级比较深组件数据传递，只能由父组件传递给子组件，子组件再传递给孙子组件...，这样需要一层一层的往下传，需要不停的写props接收传递，一两个还好，十个八个的就太麻烦了。这时候就可以考虑用$attrs传递了。二、使用方式1，父组件页面传递数据<son title="aaaaaaaaaaa" name="李四"/>2，子组件作为中间组件继续传递..

tagsview.vue组件<template> <!-- calss添加了一个样式 --> <div class="tagsbox"> <div class="left" @click="goForLeft"><i class="el-icon-arrow-left"></i></div> <div class="menuwrop" :style="{left:leftwrop+'...

<template> <div> <video ref="videoElement" id="videoElement" controls autoplay muted width="600" height="450" ></video> <div> <button @click="show">开始</bu.

第一种方法直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template><script> import child from './components/dam/...

vue项目在谷歌打开没有问题，在360和2345浏览器打不开，控制台报错：SCRIPT5009: “Promise”未定义，原因是360、2345的内核和 IE 都是一根绳上的蚂蚱。解决办法：一、安装：npm installbabel-polyfill --save-dev二、在main.js中引入import "babel-polyfill" ...

使用vue中的watch方法监听该对象，设置deep:true可以进行深度监听，当对象中的属性发生变化时，会调用handler方法，在里面写你的逻辑就可以了。<template> <div> <input v-model="user.name"> </div></template><script>...

 首先通过attr为标签添加属性，属性值为对应图片下标index;然后在on里边通过e.target点击事件获取点中的标签，然后获取属性uid对的值，传参{ title: '一审修改', key: 'oneshen', render: (h, params) =&gt; { ...

左边列表，class动态切换右边添加的列表，鼠标移入移除事件js：datajs:事件效果

<template> <div class="hello"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="名称" prop="na...

缺点：不能缩放图片。1，安装npm i wc-view --save-dev2，全局引入，也可局部import wcView from 'wc-view';import 'wc-view/style.css';Vue.use(wcView);3，使用1，img 标签时: <img class="wc-preview-img" :src="url" ...

市和区/县 json数据[ { "name":"山东省", "id":"370000", "child":[ { "name":"莱芜市", "id":"371200", "child":[

向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 data () { return { user: { name: '', id: '' } }}如果我们直接给user增加属性,...

首先，先默认选中根据官方文档 通过this.$refs.multipleTable.toggleRowSelection(item2,true);默认选中item2为列表list的某一个list [ i ]例如：然后就可以默认回显了。清空点开其他查看回显时清空，弹框弹出时清空，执行以下方法this.$nextTick(() => { ...

 1、判断按钮显示隐藏 render: (h, params) =&gt; { let state = params.row.returnstate; if(state=="已退回"){ return h('div',...

<template> <div class="hello"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="125px" class="demo-ruleForm"> <el-form-item label="联系电话:" prop=...

效果图一，固定的表头<template> <div class="hello"> <el-table :data="list" style="width: 100%" align="center" show-summary> <el-table-column prop="bunen" label="部门" wi...

声明bug：由于此篇博客是在bindcolumnchange事件中做的值的改变处理，因此会出现当你选择时，没有点击确定，直接取消返回后，会发现选择框的值依然改变。造成原因：这一点就是由于在bindcolumnchange事件做的值改变处理造成。处理方法：如果需要确定后再改变值，请将bindcolumnchange事件中的处理操作放到bindchange事件中。效果图WXML...

<template> <div class="hello"> <table class="table"> <thead> <tr v-for="(items,i) in newArr" :key="i"> <th v-for="(item,j) ...

常用的插件就是html2canvas。插件的使用本身很简单，这里说的是如何将其生成的canvas保存为图片。1、引入 import html2canvas from 'html2canvas' &lt;div &gt; &lt;el-button type="info" size="mini" @click="tohomedetail" class="back"&gt;..

vue.config.jsmodule.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '//your_url' : '/', outputDir: 'dist', assetsDir: 'static', filenameHashing: true, // When bu...

其实呢，文件上传的插件很多，可是现在做的东西要求尽量少用插件，所以就自己写了一下。例子1：a.html文件&lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/html"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text...

<div id="app"> <ul class="tab-tilte"> <li>标题一</li> <li>标题二</li> <li>标题三</li> <li>标题四</...

表格内容太多时，显示提示show-overflow-tooltip

废话不多说，直接上步骤。。。一、首先建好一个mpvue模板（具体看mpvue文档）二、引进iview weapp的组件库 （下载weapp链接：https://github.com/TalkingData/iview-weapp） 1、下载完了以后就得到了一个压缩包 2、解压后打开这个文件，看到一个dist文件夹 3、把dist文件夹...

rules.js// 手机号验证var phone = (rule, value, callback) => { let regFormat = /^[1][3578][0-9]{9}$/; //正确手机号 if (!value) { return callback(new Error('不能为空')); } if (!(regFormat.test...

当点击collection()这个方法的时候，跳转并带上标识，一、query传参collection() { this.$router.push({path: 'notSee', query: { id: '1' }});},然后在组件中通过判断query.id来加载不同的数据进去 getDataList() { const queryId = thi...