vue
zhaoyy0513
敲敲代码,玩玩游戏,(✿◕‿◕✿)美滋滋~
展开
-
vue父组件调用子组件方法,失效解决方案
失效原因就是在created()域调用时,子组件还未成功渲染,因此设置一个延缓时间即可,网上找的答案是 <projectNode v-if="nodeVisable" ref="pNode"></projectNode> // created中调用: checkNode(index, row) { this.nodeVisable = true; // 调用子组件方法 this.$refs.pNode.getNodeData原创 2020-10-10 15:58:20 · 5610 阅读 · 3 评论 -
vue 前端配置token遇到跨域问题,跨域解决方法
1.因为默认配置文件vue.config.js的时候目标主机地址已经改成/api// 修改配置后一定要 重新npm run serve !!!module.exports = { devServer: { // vue项目启动时的ip地址和端口 host: "localhost", port: 8000, proxy: { // 匹配所有以 /api 开头的url "/api": { // 请求的目标主机 t原创 2020-10-10 10:41:02 · 3487 阅读 · 2 评论 -
elementui table expand 修改数据
1.我的设计思路是当点击expand箭头后显示出来内容,然后双击(单击也可以,根据自己想法来)某个区域,然后弹窗进行数据修改,然后双向绑定进行数据渲染,点击保存按钮后数据传输到后台进行数据修改2.看下效果图3.然后双击其中的字段进行弹窗,然后进行值的修改点击确定后,将数据渲染到页面上,然后点击保存按钮进行后端交互4.下面是具体的代码,首先给expand里的参数添加点击事件<el-table-column type="expand"> <te..原创 2020-09-04 17:19:11 · 1462 阅读 · 0 评论 -
vue :to设置路由导航的用法
参考地址:https://www.cnblogs.com/superlizhao/p/8527317.html无论是用<router-link></router-link>标签,或者用router.push,他们的使用语法都是相似的to里的值可以是一个字符串路径,或者一个描述地址的对象。例如:// 字符串<router-link to="apple"&...原创 2019-11-20 18:03:31 · 12672 阅读 · 0 评论 -
vue elementui springboot 上传文件
vue部分: <el-form-item label="附件:" prop="file"> <el-upload action="" class="upload-demo" accept=".jpg,.png,.xls,.xlsx,.p...原创 2019-11-14 13:58:23 · 1511 阅读 · 0 评论 -
前端开发得到的一些小技巧和方法
(1)数组去重考虑用set数据结构进行去重的处理,尤其在处理对象数组时,考虑去重的时候,可以直接取其中对象的主键id进行判断首先创建一个空数组A,然后遍历想要去重的数组B,然后遍历取出B中的主键id放入到A中,然后最后进行判断,下面是democonst A = [];const B = [{id:'1',context:'哈哈1'},{id:'2',context:'哈哈2'},{...原创 2019-10-31 11:43:49 · 286 阅读 · 0 评论 -
elementUI select有值却无法选中
1.解决方法,在select绑定的change函数中使用下列代码 1.template <el-select v-model="updateForm.disposeCode" filterable placeholder="请选择" @change="selectDisposeCod...转载 2019-09-11 17:54:29 · 3761 阅读 · 1 评论 -
vue 动态实现select选择后获取被选择行的数据
1.实现原理就是select绑定change事件,然后在change绑定的时间方法中,遍历option对应的数据集与被选择的数据id进行比较,选出id一样的option即可/2.首先定义option的数据集return{ ... disposeOptions: [],}3.template详情 <el-select v-mode...原创 2019-09-11 15:38:53 · 5582 阅读 · 0 评论 -
vue v-show用法
<el-form-item prop="typeId"> <el-select v-model="createForm.typeId"> ... </el-select></el-form-item><!-- 上面的select选择完之后 会给createForm.typeId赋值,然后下面的v...原创 2019-09-10 11:08:07 · 1565 阅读 · 0 评论 -
vue table中组件数据不能渲染,不能输入或点击
首先特别感谢这几位朋友的回答让我能解决问题,大家也可以直接看下面的文章!!解决Vue 通过下表修改数组,页面不渲染的问题vue深入响应式式原理——对象 数组Vue中input框手动赋值成功却无法在编辑input框的值??vue修改对象的属性值后页面不重新渲染的实例(1)数据不能渲染.table中的数组数据发生改变,数据不能渲染,用以下方式进行解决,我这里数组中是对象,数组中...原创 2019-09-04 20:28:58 · 3227 阅读 · 0 评论 -
vue+elementUI 实现table删除多行
template <el-table :data="badCodeTableData" :default-sort="{ prop: 'id', order: 'ascending' }" border tooltip-effect="dark" height="280"...原创 2019-09-03 14:12:48 · 4054 阅读 · 11 评论