Coder Social home page Coder Social logo

hackstep's Issues

編輯step內容"過長時"需要點選到輸入框的文字段的任何一個位置開始進行編輯, 而不需要每次都要從最後一個字元用backspace到前方

已經在fork完成修改並測試成功,等待審核...........

nextTick(() => {
// 使用動態ref聚焦到對應的輸入框
const inputRef = input-${step.id};
const inputElement = ref(inputRef); // inputElement.value.$el.focus();無法使用因為inputElement.value.$el 是undefined
if (inputElement.value && inputElement.value.$el) {
inputElement.value.$el.focus();
}
});

const finishEdit = (step) => {
console.log('end edit!');
//step.editing = false; 這行不需要會過快跳出編輯模式或toggleEdit時就失去焦點,因為編輯內容"過長時"需要點選到文字段的任何一個位置開始進行編輯

  onChange();
  // 可以在這裡添加對step.name的驗證或其他邏輯
};

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.