草庐IT

vue自定义指令+修改v-model绑定的值

//环境:vue+iview//Alphabet.js import Vuefrom 'vue';Vue.directive('Alphabet',{ //自定义指令  inserted: function(e){    constel=e.querySelector('.ivu-input');//获取控件    el.addEventListener("input", function(e){      //进行验证      checkedfun(el);    });    el.addEventListener("input", function(e){        //进行验证 

vue自定义指令+修改v-model绑定的值

//环境:vue+iview//Alphabet.js import Vuefrom 'vue';Vue.directive('Alphabet',{ //自定义指令  inserted: function(e){    constel=e.querySelector('.ivu-input');//获取控件    el.addEventListener("input", function(e){      //进行验证      checkedfun(el);    });    el.addEventListener("input", function(e){        //进行验证 

配置完maven环境变量后cmd输入mvn -v命令后报错:NB: JAVA_HOME should point to a JDK not a JRE

报错内容:TheJAVA_HOMEenvironmentvariableisnotdefinedcorrectlyThisenvironmentvariableisneededtorunthisprogramNB:JAVA_HOMEshouldpointtoaJDKnotaJRE 首先检查,java-home,cmd输java,javac,java-version都没有问题。解决办法:1.确保你的环境变量配置正确2.修改maven中bin目录下的mvn.cmd文件(可把后缀暂时改成.txt格式来打开修改)3.在第一行新加一行,引入你的电脑中jdk的地址。例:setJAVA_HOME=D:\Pr

057_末晨曦Vue技术_处理边界情况之强制更新($forceUpdate)与通过 v-once 创建低开销的静态组件

强制更新($forceUpdate)点击打开视频讲解更加详细在vue中,如果data中有基本数据类型变量:age,修改他,页面会自动更新。但如果data中的变量为数组或对象(引用数据类型),我们直接去给某个对象或数组添加属性,页面是识别不到的,不会同步更新;name:{{userInfo.name}}age:{{userInfo.age}}增加age属性exportdefault{name:'App',data(){return{userInfo:{name:'末晨曦吖'}}},mounted(){},components:{},methods:{updateName(){this.userI

配置完maven环境变量后cmd输入mvn -v命令后报错:NB: JAVA_HOME should point to a JDK not a JRE

报错内容:TheJAVA_HOMEenvironmentvariableisnotdefinedcorrectlyThisenvironmentvariableisneededtorunthisprogramNB:JAVA_HOMEshouldpointtoaJDKnotaJRE 首先检查,java-home,cmd输java,javac,java-version都没有问题。解决办法:1.确保你的环境变量配置正确2.修改maven中bin目录下的mvn.cmd文件(可把后缀暂时改成.txt格式来打开修改)3.在第一行新加一行,引入你的电脑中jdk的地址。例:setJAVA_HOME=D:\Pr

057_末晨曦Vue技术_处理边界情况之强制更新($forceUpdate)与通过 v-once 创建低开销的静态组件

强制更新($forceUpdate)点击打开视频讲解更加详细在vue中,如果data中有基本数据类型变量:age,修改他,页面会自动更新。但如果data中的变量为数组或对象(引用数据类型),我们直接去给某个对象或数组添加属性,页面是识别不到的,不会同步更新;name:{{userInfo.name}}age:{{userInfo.age}}增加age属性exportdefault{name:'App',data(){return{userInfo:{name:'末晨曦吖'}}},mounted(){},components:{},methods:{updateName(){this.userI

Vue3 使用v-md-editor如何动态上传图片了

Vue3使用v-md-editor如何动态上传图片了前端代码:按我以上配置后,你把图片插入或者从本地拖入,就可以激发upload-image绑定的函数,我这的名称为:handleUploadImage先看看这个图片编辑时的图片吧大致流程图在setup看看这个函数(这是我写好的)files:表示你拖入的图片文件,可以是多个,也可以是一个insertImage:url就表示你需要回显的地址;desc就是名称;markdown语法:![desc](url)functionhandleUploadImage(event,insertImage,files){for(letiinfiles){const

Vue3 使用v-md-editor如何动态上传图片了

Vue3使用v-md-editor如何动态上传图片了前端代码:按我以上配置后,你把图片插入或者从本地拖入,就可以激发upload-image绑定的函数,我这的名称为:handleUploadImage先看看这个图片编辑时的图片吧大致流程图在setup看看这个函数(这是我写好的)files:表示你拖入的图片文件,可以是多个,也可以是一个insertImage:url就表示你需要回显的地址;desc就是名称;markdown语法:![desc](url)functionhandleUploadImage(event,insertImage,files){for(letiinfiles){const

vue中如何在自定义组件上使用v-model和.sync

自定义事件tips推荐始终使用kebab-case的事件名。(v-on会将事件名自动转换为小写,避免匹配不到)changeData×change-data√自定义组件的v-model用法:父组件定义数据源(不需要定义修改数据的方法),在子组件标签上通过v-model="data"进行传递默认传递的属性名是value,事件名为input。可以在子组件中配置model选项重命名属性名和事件名子组件props接受名称为value的属性(固定名),通过$emit("input",payload)在子组件即可修改数据,形成双向绑定//父组件我是dad{{dadData}}importSonfrom"./

vue中如何在自定义组件上使用v-model和.sync

自定义事件tips推荐始终使用kebab-case的事件名。(v-on会将事件名自动转换为小写,避免匹配不到)changeData×change-data√自定义组件的v-model用法:父组件定义数据源(不需要定义修改数据的方法),在子组件标签上通过v-model="data"进行传递默认传递的属性名是value,事件名为input。可以在子组件中配置model选项重命名属性名和事件名子组件props接受名称为value的属性(固定名),通过$emit("input",payload)在子组件即可修改数据,形成双向绑定//父组件我是dad{{dadData}}importSonfrom"./