前端
老酒馆的喵
滚去赚钱
展开
-
npm镜像源配置
npm镜像源配置转载 2023-12-13 14:34:33 · 337 阅读 · 0 评论 -
Js 代替eval的方法
js中常用eval()函数将一个字符串当作一个JavaScript表达式一样去执行,但在安全漏洞上是存在隐患的,现找到eval函数的替代方法://计算表达式的值function evil(fn) { var Fn = Function; //一个变量指向Function,防止有些前端编译工具报错 return new Fn('return ' + fn)();}举例:完美替代!...原创 2021-03-31 09:41:14 · 9529 阅读 · 2 评论 -
解决 Vue 动态生成 el-checkbox 点击无法赋值问题
最近遇到一个问题,在一个页面需要动态渲染页面内的表单,其中包括 checkbox 表单类型,并且使用 Element 组件 UI 时,此时 v-model 绑定的数据也是动态生成的例如:定义的 data 的 form 里面是空对象,需要动态生成里面的 keyexport default { data() { return { form: {} } },}从后端接口得到 checkList,这个就是动态生成的表单数据v-for 循环 checkList,..转载 2020-12-15 14:42:41 · 1725 阅读 · 0 评论 -
vue 解决导出excel 乱码问题
实现前端导出功能,一顿乱写后发现导出乱码测试直接调后台接口,没问题;已设置responseType:'blob',相同的代码,在两个前端门户中,一个正常,一个导出乱码(最怕这种问题)于是乎开始了漫长的找坑之旅先看代码: axios({ method: 'post', url: `/downloadUrl`, // 请求地址 data: this.searchForm, // 请求数据 r原创 2020-12-02 10:15:16 · 2194 阅读 · 2 评论 -
vue tree实现全选、反选、过滤
用于记录 直接上代码<!--树形控件 -- 实现全选、反选、过滤--><template> <div> <div class="tree-layout"> <el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input> <div class="tree"> <el-tree原创 2020-11-24 16:15:09 · 1411 阅读 · 0 评论 -
VUE computed、methods以及watch的异同
在vue的项目中,我们时常会需要对data的改变做出处理,这时候就需要用到watch和computed这两个属性,既然都是数值改变触发改变的属性,他们之间又有什么异同呢?笔者将在接下来进行解析computed:计算属性通过属性计算而得来的属性1. get用法data: { firstName: 'Liu', lastName: 'lu'},computed: { fullName: function () { return this.firstName + ' ' + thi原创 2020-10-30 14:54:13 · 221 阅读 · 0 评论 -
Vue中用watch 监听父子组件传递对象属性变化
1、普通的watch用来监听一个变量数据的变化 props: ['mess'], // 从父组件接收 data () { return { msg: '' // 页面使用 } }, created: function () { this.msg = this.mess }, watch: { mess (newValue, oldValue) { this.msg = newValue } }2、监听对象属原创 2020-10-28 11:10:04 · 3762 阅读 · 0 评论