❶ Vue項目怎麼用vant組件庫實現文件上傳加剪裁，了解的大佬給個思路
圖片裁剪的話，，可以結合 cropper.js 我剛做過，但是沒有結合vant 想來是一樣的,都是針對的文件，，呈現方式不同而已... 望採納
❷ vue.js+element多文件上傳怎麼獲取文件集合的長度
多文件上傳也是一張一張上傳的吧，可以利用 on-succsess 上傳成功後把url添加進 file-list(好像是這個屬性) 裡面
❸ element ui文件上傳不支持IE9，有沒有其他插件，最好是VUE.JS框架的，
基於webuploader的vue上傳（兼容IE9）
❹ Javascript利用vue.js，初始為讀取本地或者伺服器端 文本文件 .txt
你應該先需要將文件上傳到伺服器，伺服器 讀取文件後返迴文件內容
❺ vuePress裡面怎麼寫vue.js代碼
2.1 新建文件夾docs
配置package.json，添加下述兩行
{
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
}}
進入docs文件夾 創建 README.md文件
此時運行命令
npm run docs:dev
此時文件夾結構
study
+--docs
+----README.md
+--package.json
運行訪問http://localhost:8080/
image.png
結束運行 ，執行命令
npm run docs:build
然後看文件變化 多了個node_moles
docs 多了個 .vuepress文件夾
study+--docs+----.vuepress+------ dist //打包後的文件夾+----README.md+--package.json+--node_moles
我們在.vuepress 創建
config.js 文件
添加
mole.exports = {
title: 'Adroi媒體API 介面文檔', // 設置網站標題
description : 'Adroi',
base : '/v1/adroi-h5/adroiapi/',
themeConfig : {
nav : [
{ text: '介面定義', link: '/apiword' },
{ text: '介面欄位定義', link: '/api' },
{ text: '附錄：錯誤碼', link: '/error' }
],
sidebar: {
'/' : [
"/", //指的是根目錄的md文件 也就是 README.md 裡面的內容
"apiword", 根目錄創建 apiword.md文件 "api",根目錄創建 api.md文件 "error" 根目錄創建 error.md文件 ]
},
sidebarDepth : 2
}}
image.png
3）添加靜態圖片
4)添加指定樣式
添加樣式 分兩種 一種不用預編譯處理、一種使用
//不使用預編譯處理//直接在md文件底部添上<style></style>
//使用預編譯處理
首先需要安裝所需的模塊 舉例：stylus
npm i stylus stylus-loader -D<style lang="stylus"></style>
5)vuePress可添加js代碼
既然是尤大大的作品 那肯定是支持vue語法的
在MD文件中直接寫入js的語法
<script>
export default{
//...do something
}</script>
6)代碼發布或上傳至伺服器
關於發布問題：首先我們知道在打包後的文件都是靜態文件之前的MD文件都被打包成html靜態文件了,其次在文件config.js中 base至關重要
6-1發布在雲盤中如網路雲盤 github上可直接通過鏈接訪問
在雲盤上創建根目錄如vuepress，然後在config中 bese這部分就填寫/vuepress,然後進行打包操作，再然後把打包後的文件上傳至雲盤上的vuepress文件中
6-2 通過伺服器發布
在伺服器上安裝Apache或者nginx 這里拿nginx舉例：
至於nginx 安裝 以及配置文件的解讀使用 我這里就不詳述了，不了解的童鞋可以自己查閱相關文件
同樣base的填寫很重要
//為了簡單明了 我們把打包好的文件放入nginx中html文件下 之前的文件可以清空server {
listen 8081; //監聽8081埠
server_name localhost; //localhost:8081即可指向也可寫別名如local.vuepress.com.cn 那我們訪問這個埠的別名加埠就可以
location / {
root /nginx/nginx-1.9.15/html; //至關重要你的入口文件在本機的位置
index index.html index.htm; //入口文件
}
}
轉載於：https://www.jianshu.com/p/7a2cc8a7f40c
❻ 誰會用vuejselupload標簽怎麼用如何獲取上傳文件的路徑
<template lang="jade">
vue-file-upload(url='upload.do',
v-bind:files.sync = 'files',
v-bind:filters = "filters",
v-bind:on-complete-upload = 'completeUpload')
table
thead
tr
th name
th size
th progress
th status
th action
tbody
tr(v-for='file in files')
td(v-text='file.name')
td(v-text='file.size')
td(v-text='file.progress')
td(v-text='onStatus(file)')
td
button(type='button',@click="uploadItem(file)") 上傳
button(type='button',@click="uploadAll") 上傳所有文件
</template>
<script>
import VueFileUpload from 'vue-file-upload';
export default{
data(){
return{
files:[],
//文件過濾器，只能上傳圖片
filters:[
{
name:"imageFilter",
fn(file){
var type = '|' + file.type.slice(file.type.lastIndexOf('/') + 1) + '|';
return '|jpg|png|jpeg|bmp|gif|'.indexOf(type) !== -1;
}
}
]
}
},
methods:{
onStatus(file){
if(file.isSuccess){
return "上傳成功";
}else if(file.isError){
return "上傳失敗";
}else if(file.isUploading){
return "正在上傳";
}else{
return "待上傳";
}
},
uploadItem(file){
//單個文件上傳
file.upload();
},
uploadAll(){
//上傳所有文件
this.$broadcast('DO_POST_FILE');
},
completeUpload(file,response,status,header){
console.log("finish upload;")
}
},
components:{
VueFileUpload
}
}
</script>
❼ 如何打包vue項目加node.js後端到雲伺服器
在命令行輸入npm run build:prod，等待打包完成
項目目錄下就會多出一個dist文件夾，裡面有index.html文件和static文件夾，
直接上傳到伺服器上就行了
❽ vue，element-ui，上傳文件組件怎麼使用 vuejs怎麼引入element ui
29、江雪 柳宗元
❾ vuejs怎麼在伺服器部署
既然是布署，哪默認就應該是生產環境下的布署，vue開發的應用本質上就是靜態文件,無論你用何種web伺服器，放上去就應該能通過http訪問
接下來我來幫大家來捋一捋
首先VUE 是一個javascript的前端框架，註定了它是運行在瀏覽器里的，對伺服器本地沒有任何要求，只要一個靜態文件伺服器能通過http訪問到其資源文件就足矣！無論你是用apache ,ngnix 就算你要用node 自己實現一個靜態文件伺服器，也用不了多少行代碼。
npm run dev 是用來在本地開發的時候做調試用的，vue開發的是前端的東西，不是nodejs 服務端程序，按道理講，生產環境里就不該存在npm，甚至nodejs也不需要（用nodejs來做web靜態服務的除外），樓主通過ssh進入到伺服器里，再運行npm run dev 來啟動哪是開發機上做的事情。正確的做法很簡單，通過npm run build 把生成的dist文件夾（不要上傳文件夾）里的內容上傳到http伺服器上就可以通過 http來訪問了，開發機上正常，上傳以後 程序出現錯誤不能運行的原因99.99%的可能性是你引用資源的路徑有問題。
一般如果vue框架的程序上傳到網站伺服器的根目錄下是不 會有問題的，也不存在資源文件引用錯誤的情況，但如果你不是根目錄，就會有問題，通過vue-cli 生成的開發目錄，build以後默認引用資源文件的路徑是
有更多疑問 」可以咨詢 」小鳥雲，它是的一家伺服器廠商，我一直在用他們產品！
❿ vue高德地圖 如何一次添加多個點標記到地圖實例
首先你需要提交你的公司的資料信息，地址信息 ，公司名稱 以及電話信息，門臉照片給官方，
提交給官方後，他們會審核的，一般都是 1-7個工作日審核 審核通過後1-3天時間展現
如果發現地圖有錯誤，可以進行糾錯處理。