
vue
土肥圆xulia
学了前端,每天做点笔记。
展开
-
vue,element自定义上传文件
vue,element自定义上传文件原创 2023-02-23 10:23:40 · 194 阅读 · 0 评论 -
vue动态生成html,txt,文件转file格式
vue动态生成html,txt,文件转file格式原创 2023-02-23 10:11:21 · 345 阅读 · 0 评论 -
vue中使用ckeditor富文本编辑器
vue中使用ckeditor富文本编辑器原创 2023-02-22 16:38:12 · 559 阅读 · 0 评论 -
vue,js获取当天的前后30天
vue,js获取当天的前后30天。原创 2023-02-22 15:57:55 · 953 阅读 · 0 评论 -
vue的防抖,节流使用方法
vue的防抖,节流使用方法原创 2023-02-22 15:45:36 · 91 阅读 · 0 评论 -
vue将文件打包成.zip压缩包下载
vue将文件打包成.zip压缩包下载原创 2023-02-22 15:35:44 · 903 阅读 · 0 评论 -
Vue——动态加载网络js文件
Vue——动态加载网络js文件原创 2023-02-21 17:29:00 · 609 阅读 · 0 评论 -
vue如何获取浏览器URL中查询字符串中的参数
// 获取地址参数getData() { // let url=window.location.href; // console.log(url); let url = 'https://wx.lfsituo.com/Supplier/orderInfo?order_id=3';//传参数 let name = "order_id"; let re = this....原创 2019-11-20 16:55:43 · 2625 阅读 · 0 评论 -
父组件传值给子组件
父组件传值给子组件:1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性child.png3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值4.保存修改的文件,查看浏览器5.我们依然可以对message的值进...原创 2019-07-01 14:09:02 · 4071 阅读 · 0 评论 -
子组件传值给父组件
1.在子组件中创建一个按钮,给按钮绑定一个点击事件2.在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数3.在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法4.保存修改的文件,在浏览器中点击按钮...原创 2019-07-01 14:14:24 · 366 阅读 · 0 评论 -
element table当用户对某一行展开或者关闭的时候,只展开一行
代码: expand_change(row, expandedRows) { this.expand_change_arr = row; // 每次只展开一个扩展列表 var that = this; if(expandedRows.length) { that.expands = [] if(row) { that.expands.push(r...原创 2019-07-31 11:10:43 · 2841 阅读 · 0 评论 -
vue-router详尽:编程式导航、路由重定向、动态路由匹配、路由别名、嵌套路由、命名视图
第一步:定义路由文件 router >index.js如下import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld' import home from '@/components/Home'import router1 from '@/co...原创 2019-06-26 17:35:20 · 340 阅读 · 0 评论 -
编写一个方法 去掉一个数组的重复元素
方法1:var arr = [0,2,3,4,4,0,2];var obj = {};var tmp = [];for(var i = 0 ;i< arr.length;i++){ if( !obj[arr[i]] ){ obj[arr[i]] = 1; tmp.push(arr[i]); }}console.log(tmp);结果如下: ...原创 2018-11-02 16:30:17 · 7888 阅读 · 0 评论 -
js数组array操作函数
concat() 连接两个或更多的数组,并返回结果。var arr = [1,2,3,4];var arr2 = [5,6,7,8];var arr3 = arr.concat(arr2);console.log(arr3); // 连接之后返回的数组为:[1, 2, 3, 4, 5, 6, 7, 8]join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。var...原创 2018-11-02 16:26:52 · 1176 阅读 · 0 评论 -
axios的ajax请求
created() { this.getnewslist();},methods: { getnewslist() { this.$axios({ url: APP.API.cashier.ajax, method: 'post', data: this.fenyedata() }).then(res =&gt; { this.tableData = res...原创 2018-10-24 08:52:06 · 309 阅读 · 0 评论 -
如何webpack打包
1.index文件配置2.配置代码: // Template for index.html index: path.resolve(__dirname, '../../webapp/index.html'), entry: './src/index.js', output: { path: path.resolve(__dirname, 'common...原创 2018-10-20 10:11:11 · 548 阅读 · 0 评论 -
vue警告component lists rendered with v-for should have explicit keys
解决方法只需要绑定:key ="item.id"对应的id即可&lt;el-select v-model="select" slot="prepend" placeholder="请选择"&gt; &lt;el-option :label="item.shortname&原创 2018-10-17 16:48:21 · 6287 阅读 · 1 评论 -
element分页例子
代码&amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;fenye&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;el-pagination @current-change=&amp;amp;amp;quot;current_change&amp;amp;amp;quot;原创 2018-10-15 17:11:50 · 4558 阅读 · 3 评论 -
导出excel,vue刷新页面
导出表格例子// 导出表格excel exportExcel() { var wb = XLSX.utils.table_to_book(document.querySelector('#out-table')) //out-table是表格id /* get binary string as output */ var wbout = XLSX.write(wb,...原创 2019-07-31 11:11:10 · 509 阅读 · 1 评论 -
表格数据渲染
例子1 <el-table-column prop="OperationDescription" label="安装位置"> <template slot-scope="scope"> {{ scope.row.LctnName }} </template> </el-table-column> <el-t...原创 2019-07-31 11:11:45 · 240 阅读 · 0 评论 -
vue绑定表格多种状态class的方式
例子html <div v-else-if="iten.val=='Sex'"> <span :class="{ 'sex_boy': scope.row.Sex == 0 , 'sex_girl': scope.row.Sex == 1 }"> <template v-if="scope.row.Sex == 0" >男&l...原创 2019-06-13 09:48:03 · 1016 阅读 · 0 评论 -
input 属性限制输入长度
例子<el-input oninput="if(value.length>40)value=value.slice(0,40)" v-model="form.label" size='mini' placeholder="请输入内容"></el-input>原创 2019-07-31 11:11:59 · 359 阅读 · 0 评论 -
element取表格对应id数据
第一种写法<el-button size="mini" type="danger" @click="editor(scope.row)">编辑</el-button>editor(row) { this.dialogTableVisible = true; this.id = row.id; var item = this.tab...原创 2018-10-15 11:24:00 · 9420 阅读 · 0 评论