Vue
Tian丶Yuting
欢迎各位随时交流哦
展开
-
重写Element-ui el-drawer样式
【代码】重写Element-ui el-drawer样式。原创 2023-08-09 16:05:40 · 844 阅读 · 0 评论 -
重写Element-UI Dialog滚动条样式
重写Element-UI滚动条样式原创 2023-04-27 12:13:46 · 551 阅读 · 3 评论 -
Vue中this.$refs打印为undefined解决办法
如果在Vue中使用this.$refs.XXX方法打印undefined,确保XXX存在的前提下,可以外面包一层this.$nextTick(() => {})使其生效例如:<!-- 组件中设置ref --!><div ref='ref'></div>this.$nextTick(() => { console.log(this.$refs.ref)})...原创 2021-08-27 11:13:53 · 2031 阅读 · 0 评论 -
慢慢积累的css
1、如上图,实现方式: .implant_find_insert { justify-content: space-between; // 让两个div分别摆放到页面的两端 display: flex; // 让两个div在一排显示 align-items: center; // 让两个div上下居中 }...原创 2021-05-10 15:23:09 · 1021 阅读 · 0 评论 -
Django后端及Vue前端下载Excel文件的不同方式
目录哪种方式更加适合自己的需求呢?Django后端实现下载Excel文件Vue前端实现下载Excel文件哪种方式更加适合自己的需求呢?1、如果数据本身就有在前端获取使用,则可以直接使用Vue前端实现下载Excel文件的方式来实现,不需要再次请求后端后再进行下载2、如果前端没有数据,需要请求后端数据后下载,则可以直接使用Django后端实现下载Excel文件的方式3、如果逻辑比较复杂,需要处理Excel文件中的单元格,则推荐Django后端实现下载Excel文件的方式Django后端实现下载Ex原创 2021-03-08 15:26:41 · 868 阅读 · 0 评论 -
Vue中父子组件动态传值最好用的一种方法
父组件,在js事件中操作// 将变化的值传给子组件,绑定的函数要跟子组件中绑定的函数一样this.$emit('绑定的函数', '你要传的值')子组件,在HTML标签使用<!-- 绑定的函数要跟父组件this.$emit中传过来的绑定的函数一样 --><Headers @绑定的函数='绑定传过来的值' />子组件中,如果父组件传过来的值有变化,可以执行绑定传过来的值(value){ // 你想做的事情}刚启动项目,如果父组件没有传过来值,可以在mounted原创 2021-02-09 11:36:10 · 604 阅读 · 0 评论 -
Vue中Form表单中变量的监听函数
代码如下watch: { // 监听ruleForm中username章是否改变 'ruleForm.username': { deep: true, handler(value){ // 这里面写入你想做的事情 } },}原创 2021-02-09 11:24:42 · 1459 阅读 · 0 评论 -
Vue全局导入filter过滤器
main.js配置// 文件路由要改成自己的import * as filters from './js_files/filters'Object.keys(filters).forEach(key => { Vue.filter(key, filters[key])})在文件中可以填写过滤器函数import moment from 'moment'// 时间过滤器export function date_filter(value){ value = moment(原创 2021-02-09 11:21:28 · 781 阅读 · 0 评论 -
vue中全局导入js-cookie及使用
vue中想全局导入使用js-cookie,在main.js文件中导入不会生效,只能在index.html中导入才可以<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 网页图标 --> <link rel="icon" href="./static/img/favicon.ico" /> <meta name="viewport"原创 2021-02-09 11:15:39 · 1901 阅读 · 0 评论 -
Ubuntu中创建vue脚手架
设置国内源,这样你的下载速度会非常快:npm set registry https://registry.npm.taobao.org查看源:npm config list卸载原有的vue版本:npm uninstall vue-cli -g安装vue:npm install @vue/cli -g安装node-gypnpm install -g node-gyp创建项目前要先执行命令:npm install -g @vue/cli-init执行完后再执行命令:(文件名自原创 2020-10-14 15:42:05 · 645 阅读 · 0 评论