VUE
关注
分享
扫一扫
往者不可谏, 来者犹可追
世上无难事，只要肯登攀。
展开
-
vue数据双向绑定原理，即 MVVM 原理
vue数据双向绑定原理原创 2022-11-13 14:13:13 · 582 阅读 · 0 评论 -
vue创建并使用公共js方法
vue创建并使用全局js中的方法原创 2022-10-25 13:10:05 · 2457 阅读 · 0 评论 -
js循环调用接口
js循环调用接口，获取多页数据原创 2022-07-05 14:06:41 · 8219 阅读 · 0 评论 -
vue将配置文件设为全局变量
vue配置文件，全局变量原创 2022-07-04 14:55:06 · 2561 阅读 · 0 评论 -
webpack解决跨域问题
一、生产环境跨域：请参考 nginx解决跨域问题二、开发环境跨域：使用vue-cli搭建的前端项目，可通过配置vue.config.js文件解决。module.exports = { // 配置代理，解决跨域问题 devServer: { port: '8080', // 设置端口号 https: false, //是否使用https协议 hotOnly: false, //是否开启热更新 proxy: { '/api': { t原创 2022-04-16 13:38:50 · 3464 阅读 · 0 评论 -
nginx解决跨域问题
正式部署的项目，如果不存在跨域问题，需要在代码中配置生产环境。如果存在跨域问题，由于需要nginx解决跨域问题，所以代码中不需要配置生产环境接口请求的协议、域名、端口，这样生产上就会默认请求实际部署的域名、端口，然后在nginx中配置代理，当访问生产地址接口时，被代理到跨域接口地址。执勤台正式部署，推送代码到远程先找到本地dist所在的目录，然后打开终端scp -r dist root@192.168.10.202:/data/nginx/ 使用的是8081端口，使用的是ngnix服务或原创 2022-04-09 14:05:22 · 1048 阅读 · 0 评论 -
vue给对象添加属性，无法与视图响应（已解决）
问题：vue中，给data中的某个对象添加属性，无法与页面响应解决方法：方法一：直接在对象中写上属性data() { return { //错误写法 //handle_form: {}, //正确写法 handle_form: { ruleName: '' }, }}方法二：通过$set赋值 //错误写法 this.handle_form.rule原创 2021-10-11 10:47:41 · 1619 阅读 · 0 评论 -
vue的过滤器filters
filters过滤器在vue中的用法原创 2021-08-16 22:46:28 · 199 阅读 · 0 评论 -
vue中$root访问根组件、$parent和$emit访问父组件、$ref访问子组件
vue中$root访问根组件、$parent和$emit访问父组件、$ref访问子组件原创 2021-08-16 21:03:45 · 7680 阅读 · 0 评论 -
vue动态组件用法
vue动态组件用法原创 2021-08-13 10:36:56 · 562 阅读 · 0 评论 -
vue插槽用法
vue插槽用法原创 2021-08-09 10:53:32 · 174 阅读 · 0 评论 -
directives自定义指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>dir原创 2021-07-29 20:28:00 · 165 阅读 · 0 评论 -
iframe中的方法
代码整理的有点乱，整体思路就是：resizeWindow 是在父页面中调用子页面的方法resizeWindows 是在子页面中调用父页面的方法父页面created: function () { that = this; //将父页面中的方法，与iframe页面中的方法绑定,用于子页面调用 window.resizeWindows = function (parentId, zi_id, selfs) { console.l.原创 2021-03-15 14:52:38 · 600 阅读 · 0 评论 -
el-table树形数据，修改箭头所在列。并设置树节点的缩进
el-table树形数据，修改箭头所在列。并设置树节点的缩进。原创 2021-01-13 16:46:20 · 7870 阅读 · 2 评论 -
el-input 监听输入事件、键盘事件、粘贴事件、失去焦点事件
@paste.native=“usernamePaste” 监听粘贴事件@keyup.native=“userNameInput($event)” 监听键盘事件 <el-input placeholder="请输入身份证号" @paste.native="usernamePaste" @keyup.native="userNameInput($event)" id="username" v-model="usern原创 2020-12-31 15:41:18 · 19970 阅读 · 1 评论 -
js 返回顶部，并封装成组件
1、封装成组件// 返回顶部Vue.component('gotop', { template: '<div class="gotop" @click="top"></div>', methods: { top: function () { var timer = setInterval(function () { $(window).scrollTop($(window).scrollTop() - 50); if ($(window).scrol原创 2020-11-26 15:49:34 · 185 阅读 · 0 评论 -
vue强制刷新子组件
子组件 <com v-if="childShow" ></com >先销毁再重建 fun() { this.childShow = false; this.$nextTick(() => { this.childShow = true }) },原创 2020-11-16 11:26:51 · 293 阅读 · 0 评论