其他技术讨论专区
一个很简单的封装组件。
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区
一个很简单的封装组件，如果有属性label则在input前面输出标题，但加了前面span元素之后，后面的文本框就没有了。
//对input 文本框进行封装
Vue.component("tc-input", {
props: ['value', 'label'],
methods: {
updateVal: function (val) {
console.log("子控件组件：" + val);
this.$emit("input", val);
},
},
template: '<span v-if="label">{{label}}</span><input v-model="value" v-on:input="updateVal($event.target.value)" />'
});
...全文
相关推荐
Vue封装一个简单轻量的上传文件组件的示例
主要介绍了Vue封装一个简单轻量的上传文件组件的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react-一个简单的甘特图React组件封装
一个简单的甘特图 React 组件封装
vue封装一个简单的div框选时间的组件的方法
主要介绍了vue封装一个简单的div框选时间的组件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react-一个简单的React组件用于根据条件封装子项
一个简单的React组件，用于根据条件封装子项
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
一、搭建项目以及初始化配置 vue create ts_vue_btn 这里使用了vue CLI3自定义选择的服务，我选择了ts、stylus等工具。然后创建完项目之后，进入项目。使用快捷命令code .进入Vs code编辑器(如果没有code .，需要将编辑器的bin文件目录地址放到环境变量的path中)。然后，我进入编辑器之后，进入设置工作区，随便设置一个参数，这里比如推荐设置字号，点下。这里是为了生成.vscode文件夹，里面有个json文件。 我们在开发项目的时候，项目文件夹内的文件很多，会有时影响视觉。那么这个文件就是设置什么文件隐藏，注意只是隐藏，而不是删除！下面是我自己写
