element el-upload的使用
阅读数:78 评论数:0
跳转到新版页面分类
html/css/js
正文
一、接口携带token
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:data="importData"
:show-file-list="false"
:on-success="handleSuccess"
:headers="headers"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
js部分
<script>
export default {
data() {
return {
headers:{},
importData:{imporType: 1},
token:""
},
mouted() {
this.token = localStorage.getItem("token")
this.headers = {token: this.token}
}
methods: {
handleSuccess(response){
if(response.responseCode == 0) {
this.$message.success(response.responseMsg)
} else {
this.$message.error(response.responseMsg)
}
}
}
}
</script>
相关推荐
是否严格的遵守父子节点不互相关联,当check-strictly属性值为:
1、false
表示父子有关联,点击父节点,其下子节点全部统一跟随父节点变化,点击子节点,子节点部分勾选时,父节点处于半选状
一、使用pnpm新建项目
可以使用npm 或yarn或pnpm来初始化Vite项目
pnpm create vite xxx(项目名称)
#选择vue
#选择js
cd xxx (进入项目目录)
#安
方式一、全局引入
全局引入element之后事,element已经在app.config.globalProperties添加了全局方法$message,所以可以在组件中直接使用。
方式二、按需引入
<el-form-item label="登录名" prop="idNo">
<el-input v-model="loginForm.idNo" placeholder="请输入邮箱/手机号/
1、安装依赖
npm install svg-sprite-loader --save-dev
2、配置build文件夹中的webpack.base.conf.js
3、在src/component
在列表渲染时使用key属性
当Vue.js用v-for正在更新已渲染过的元素列表时,它默认用“就地复用”策略,如果数据项的顺序被改变,Vue将不会移动D
一、vue.js devtools开发工具的使用
1、安装
在chrome或firefox浏览器的扩展插件仓库里搜索vue devtool。
2、debugger的使用
假设我们想调试App.vue这