![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
张小浪
一个充满干劲的前端小白,菜
展开
-
vue3 Ts 中按需加载Vant3模块
一、创建项目基于vuecli4.5来创建项目的vue create 你的项目名选择 vue3 和TS二、引入vant第一步:下载vant包yarn add vant@next三、引入ts-import-plugin模块yarn add ts-import-plugin四、创建vue.config.js配置如下:const merge = require('webpack-merge');const tsImportPluginFactory = re..原创 2021-11-03 17:52:32 · 1537 阅读 · 0 评论 -
vuex怎么使用?vuex使用步骤详解(附代码)
vuex怎么使用?vuex使用步骤详解(附代码)-js教程-PHP中文网转载 2021-09-15 15:49:48 · 97 阅读 · 0 评论 -
el-tree操作数,子级选中父级全部选中,父级取消选中子级全部取消选中,父级选中子级不选中
1原创 2021-09-06 13:35:22 · 1582 阅读 · 1 评论 -
vue监听对象中的某个值,$watch的使用
<template> <div> <el-form ref="ruleForm" :model="ruleForm" label-width="80px"> <el-input v-model="ruleForm.name" placeholder="姓名"></el-input> <el-input v-model="ruleForm.age" type="number".原创 2021-07-22 16:43:55 · 277 阅读 · 0 评论 -
el-tree实现单选(父节点可单选)
<template> <div> <el-tree ref="tree" :props="props" :load="loadNode" node-key="name" :check-strictly="true" lazy show-checkbox @check-change="handleCheckChange" > </el-tre.原创 2021-07-22 11:53:59 · 2708 阅读 · 2 评论 -
vue文件对多个vuex模块中的state进行引用
利用 createNamespacedHelpers 对新的模块进行命名 ,在使用...mapState*** 来进行引用import { mapState ,createNamespacedHelpers,mapMutations} from 'vuex'const { mapState:mapStatePers } = createNamespacedHelpers("permission")export default { computed: { ...mapSta.原创 2021-07-08 11:29:33 · 857 阅读 · 1 评论 -
Element中的Select使用typescript定义初始数据无效果
这是Element给的原始模版我在模块中定义了value初始数据此时,element的select事件就没有任何效果了,value一直为空这里需要你定义@change方法使value数据进行改变<el-select v-model="value" placeholder="请选择" @change="change()"> <el-option v-for="item in options" ..原创 2020-06-09 15:23:34 · 658 阅读 · 0 评论 -
Vue双向数据绑定
1、components中创建子组件Input.vue下图是文件目录,我这个是直接用的vue-cli4 脚手架2、在input.vue 文件中写input<!-- --><template> <div> <input type="text" :value="value" @input="onInput"> &l...原创 2019-12-07 18:49:24 · 96 阅读 · 1 评论